@font-face {
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Ubuntu-regular/Ubuntu-regular.eot');
  src: url('../fonts/Ubuntu-regular/Ubuntu-regular.eot?#iefix') format('embedded-opentype'),
       local('Ubuntu'),
       local('Ubuntu-regular'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.woff2') format('woff2'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.woff') format('woff'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.ttf') format('truetype'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.svg#Ubuntu') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/Ubuntu-500/Ubuntu-500.eot');
  src: url('../fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'),
       local('Ubuntu Medium'),
       local('Ubuntu-500'),
       url('../fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'),
       url('../fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'),
       url('../fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'),
       url('../fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: italic;
  src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot');
  src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'),
       local('Ubuntu Italic'),
       local('Ubuntu-italic'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-weight: 500;
  font-style: italic;
  src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot');
  src: url('../fonts/Ubuntu-500italic/Ubuntu-500italic.eot?#iefix') format('embedded-opentype'),
       local('Ubuntu Medium Italic'),
       local('Ubuntu-500italic'),
       url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff2') format('woff2'),
       url('../fonts/Ubuntu-500italic/Ubuntu-500italic.woff') format('woff'),
       url('../fonts/Ubuntu-500italic/Ubuntu-500italic.ttf') format('truetype'),
       url('../fonts/Ubuntu-500italic/Ubuntu-500italic.svg#Ubuntu') format('svg');
}
@font-face {
  font-family: 'Oswald';
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/Oswald-300/Oswald-300.eot');
  src: url('../fonts/Oswald-300/Oswald-300.eot?#iefix') format('embedded-opentype'),
       local('Oswald Light'),
       local('Oswald-300'),
       url('../fonts/Oswald-300/Oswald-300.woff2') format('woff2'),
       url('../fonts/Oswald-300/Oswald-300.woff') format('woff'),
       url('../fonts/Oswald-300/Oswald-300.ttf') format('truetype'),
       url('../fonts/Oswald-300/Oswald-300.svg#Oswald') format('svg');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Oswald-regular/Oswald-regular.eot');
  src: url('../fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'),
       local('Oswald Regular'),
       local('Oswald-regular'),
       url('../fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'),
       url('../fonts/Oswald-regular/Oswald-regular.woff') format('woff'),
       url('../fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'),
       url('../fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg');
}

@font-face {
  font-family: 'Oswald';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Oswald-700/Oswald-700.eot');
  src: url('../fonts/Oswald-700/Oswald-700.eot?#iefix') format('embedded-opentype'),
       local('Oswald Bold'),
       local('Oswald-700'),
       url('../fonts/Oswald-700/Oswald-700.woff2') format('woff2'),
       url('../fonts/Oswald-700/Oswald-700.woff') format('woff'),
       url('../fonts/Oswald-700/Oswald-700.ttf') format('truetype'),
       url('../fonts/Oswald-700/Oswald-700.svg#Oswald') format('svg');
}

html { height: 100%; }
body { margin:0; padding:0; overflow:auto; background-color:#F9F9F9; user-select:text; font-family: Ubuntu,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#content-container { margin-left:224px; min-width:768px; min-height: 400px; padding:78px 16px 35px 16px; }
#content-container.cover-left { margin-left:0; }
#content {padding-bottom:15px; }
a { color:inherit; text-decoration:none; }
a:visited { color:inherit; }
a:hover { color:inherit; }
a:active { color:inherit; }
#app-tooltip{display: none; position: absolute; z-index: 1000; background-color: #CCC; height: 45px; margin-left:5px;}
#app-tooltip .app-container{padding-left:11px;}
.break {word-wrap: break-word; word-break: break-all;}
.trim {text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.over {z-index:100;}
#no-app-type{width: 100%; padding: 20px 0; text-align: center; border: 1px dashed #CCC; font: 13px Ubuntu,Helvetica,sans-serif;}
#no-app-type a{color:#72AE4B; text-decoration: underline;}
table { border-collapse: collapse; }

/* FLASH */
.flash{ -moz-animation: flash 2s ease-out; -moz-animation-iteration-count: 1; -webkit-animation: flash 2s ease-out; -webkit-animation-iteration-count: 1; -ms-animation: flash 2s ease-out; -ms-animation-iteration-count: 1; }
@-webkit-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }
@-moz-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }
@-ms-keyframes flash { 0% { background-color:none;} 30% { background-color:#ddf3dd;} 100% {background-color:none;} }

/* FOOTER */
#content-footer{position: fixed; bottom:0; left:0px; width: 100%; background-color: #292929; font: 11px Ubuntu,Helvetica,sans-serif; color: #585858; height: 35px; z-index:999;}
#content-footer span{float: left; line-height: 35px; margin-left:10px; text-align:left; }
#content-footer ul {list-style: none; float: right; margin: 0; padding: 0; margin-right: 10px;}
#content-footer ul li{float: left; margin-right: 7px; margin-left: 7px; line-height: 35px;}
#content-footer ul li a { transition:color 1s; cursor: pointer; }
#content-footer ul li a:hover { color:#2FA732; transition:color 1s; }

/* SIDEBAR */
#sidebar { position:fixed; left:0; width:224px; background-color:#292929; height:100%; z-index:998; user-select:none; }
#sidebar-top { display: none; height:112px; padding-top:11px; border-right:1px solid #ABABAB;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,adacac+100 */
    background: #e6e6e6; /* Old browsers */
    background: -moz-linear-gradient(top,  #e6e6e6 0%, #adacac 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e6e6e6 0%,#adacac 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e6e6e6 0%,#adacac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#adacac',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #888;
}

#sidebar-menu { position: relative; margin-top:78px; border-top: 1px solid #232323; }
    .scroll-active .sidebar-menu { height:auto; position:relative; }
	#sidebar-menu .sidebar-menu>.item { width:225px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:33px; padding-top:3px; display:block; cursor:pointer; border-top: 1px solid #2D2D2D; border-bottom: 1px solid #232323; }
        #sidebar-menu .sidebar-menu>.item:last-child { box-shadow: 0 1px 0 0 #2D2D2D; }
        #sidebar-menu .sidebar-menu>.item.hide { display: none; }
        #sidebar-menu .sidebar-menu .item:hover { background-position:446px; }
		#sidebar-menu .sidebar-menu>.item.active { background-color: #2FA732; border-color: #2FA732; }
        #sidebar-menu .sidebar-menu .item.menu-active { background-color: #212121; border-color: #212121; }
		#sidebar-menu .sidebar-menu .item .logo { color:#888; width:25px; height:22px; float:left; margin-left:16px; margin-top:4px; font-size: 19px; text-align: center; }
        #sidebar-menu .sidebar-menu .item .logo .material-icons { font-size:20px; margin-top:1px; }
            /* Fix for old .fa icons, this can be removed once all enterprise plugins have updated icons */
            #sidebar-menu .sidebar-menu .item .logo.fa {
                width: 24px !important;
                height: 25px !important;
                line-height: 24px !important;
                font-size: 19px !important;
                margin-left: 17px !important;
            }
        #sidebar-menu .sidebar-menu>.item>.logo-icon { background-image:none; font-size:24px; text-align:center; padding-top:4px; width: 35px; margin-left: 14px; line-height: 34px; }
            #sidebar-menu .sidebar-menu .item.active .logo { color:#FFF; }
		#sidebar-menu .sidebar-menu .item .text { margin-left:15px; float:left; padding-top:6px; font:14px Ubuntu,Helvetica,sans-serif; line-height:130%; color:#888; max-width: 140px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
            #sidebar-menu .sidebar-menu .item.active:hover .logo { color: #f6f6f6; }
            #sidebar-menu .sidebar-menu .item.menu-active:hover .logo,
            #sidebar-menu .sidebar-menu .item.menu-active .logo { color: #f6f6f6; }
            #sidebar-menu .sidebar-menu .item:hover .logo { color: #FFF; }
            #sidebar-menu .sidebar-menu .item:hover .text { color: #FFF; }
            #sidebar-menu .sidebar-menu .item.active .text { color:#FFF; }
        #sidebar-menu .sidebar-menu .item .ion-chevron-right { position: absolute; right: 15px; font-size: 10px; color: #505050; padding-top: 11px; }
            #sidebar-menu .sidebar-menu .item.active .ion-chevron-right { color:#f6f6f6; }

	#sidebar-menu .sidebar-menu .sidebar-submenu { display:none; position:absolute; top:0; background-color: #212121; right:0; width:170px; height:100%; z-index:1; }
        #sidebar-menu .sidebar-menu .sidebar-submenu .menu-title { min-height:16px; padding: 14px 0 15px 25px; color: #ececec; font-family: Ubuntu; font-size: 14px; }
        #sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close { right: 18px; position: absolute; top: 14px; font-size: 14px; cursor: pointer; opacity: 0.7; }
            #sidebar-menu .sidebar-menu .sidebar-submenu .submenu-close:hover { opacity: 1; }
        #sidebar-menu .sidebar-menu .sidebar-submenu .item,
		#sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { text-transform:capitalize; background-color: #212121; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:30px; display:block; padding-left:8px; cursor:pointer; }
		#sidebar-menu .sidebar-menu .sidebar-submenu .disabled-item { cursor:default; }
			#sidebar-menu .sidebar-menu .sidebar-submenu .item .logo-icon { display:none; color:#888; width:30px; height:30px; float:left; margin-left:8px; margin-top:8px; text-align:center;}
			#sidebar-menu .sidebar-menu .sidebar-submenu .item .logo { display:none; color:#888; width:30px; height:30px; float:left; margin-left:8px; margin-top:1px; }
	                #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo,
                    #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .logo-icon { color:#2FA732; }
				#sidebar-menu .sidebar-menu .sidebar-submenu .item .text { margin-left:17px; float:left; padding-top:8px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#666; }
                    #sidebar-menu .sidebar-menu .sidebar-submenu .item:hover .text { opacity: 0.6; }
                    #sidebar-menu .sidebar-menu .sidebar-submenu .item.active .text { color:#2FA732; }
                    #sidebar-menu .sidebar-menu .sidebar-submenu .item.active:hover .text { opacity:1; }
                    #sidebar-menu .sidebar-menu .sidebar-submenu .item:last-child { background-image:none; }
				    #sidebar-menu .sidebar-menu .sidebar-submenu .item.help-toggle.active { color:#666; }

				#management-submenu.sidebar-submenu .disabled-item  { opacity:0.3; }
				#management-submenu.sidebar-submenu .disabled-item .logo { width:30px; height:30px; float:left; margin-left:8px; margin-top:1px; }
				#management-submenu.sidebar-submenu .disabled-item .text { margin-left:17px; float:left; padding-top:8px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#666; }

#sidebar-event-count { float:right; border-radius:15px; font-family:Oswald; font-size:13px; color:#DDD; background-color:#333; border:1px solid #0C0C0C; box-shadow:0 1px 1px 0 #4A4A4A, inset 0 1px 1px 0 #1f1f1f; padding:2px 6px; margin:7px 10px 0 0; }
.item.active #sidebar-event-count { border-color:#6BB96E; box-shadow:0 0 1px 0 #ACE7B1, inset 0 1px 1px 0 #1f1f1f; }
/* SIDEBAR END */

/* DASHBOARD */
	#dashboard-graph,
    #dashboard-graph-secondary { font-family:Oswald; font-size:14px; margin:0 30px !important; }
    #dashboard-graph .legendLabel,.graph .legendLabel { font-family:Ubuntu !important; font-size:14px !important; }

    .graph-no-data { display:none; height:100%; position:relative; }
        .graph-no-data .inner { user-select:none; text-align: center; position: absolute; width: 400px; left: 50%; margin-left: -200px; height: 64px; margin-top: -40px; top: 50%;}
            .graph-no-data .inner .icon { display: inline-block; width: 60px; height: 60px; background-image: url("../images/dashboard/graph-no-data.svg"); background-size: contain; margin-right: 20px; background-repeat: no-repeat; }
            .graph-no-data .inner .text { cursor:default; display: inline-block; color: #a2a2a2; vertical-align: text-bottom; margin-bottom: 23px; font-size: 16px; }

	.widget { margin-bottom:16px; border-radius:2px; }
	.widget-no-shadow { box-shadow: none; } 
	.widget-header { height:41px; position:relative; padding:8px 8px; color:#666; font-size:13px; border-top-left-radius:2px; border-top-right-radius:2px; border:1px solid #D0D0D0; border-bottom:none; background-color:#ECECEC; }
			.widget-header .left { float:left; margin-top:2px; margin-left:2px; }
			.widget-header .right { float:right; margin-right:2px; }
			.widget-header .right input { height: 26px; }
			.widget-header>.title { font:19px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; float:left; }
			.widget-header .back { font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; margin-right: 10px;}
			.widget-header .left .title { font:19px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#636363; float:left; padding-top:8px; float:left; margin-left:3px; text-transform: uppercase; }
                .widget-header .left .title.small { font-size:16px; padding-top: 0; }
                .widget-header .left .title.dynamic-title { max-width: 700px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
                    @media (min-width: 1601px) and (max-width: 1700px) { .widget-header .left .title.dynamic-title {max-width: 500px;} }
                    @media (min-width: 1401px) and (max-width: 1600px) { .widget-header .left .title.dynamic-title {max-width: 400px;} }
                    @media (min-width: 1301px) and (max-width: 1400px) { .widget-header .left .title.dynamic-title {max-width: 300px;} }
                    @media (min-width: 1101px) and (max-width: 1300px) { .widget-header .left .title.dynamic-title {max-width: 250px;} }
                    @media (max-width: 1100px) { .widget-header .left .title.dynamic-title {max-width: 100px;} }
            .widget-header .logo { float:left; width:38px; height:38px; }
            .widget-header .logo.font-logo { color:#6E6E6E; background-image: none; height:31px; font-size: 25px; padding-top: 5px; text-align: center; }
            .widget-header .logo.font-logo2 { color:#6E6E6E; background-image: none; height:31px; font-size: 25px; text-align: center; padding-top: 4px; }
                .widget-header .logo.font-logo>a { line-height: 10px; }
                .widget-header .logo.sessions { background-position:-38px; }
				.widget-header .logo.frequency { background-position:-76px; }
				.widget-header .logo.countries { background-position:-114px; }
				.widget-header .logo.devices { background-position:-152px; }
				.widget-header .logo.carriers { background-position:-190px; }
				.widget-header .logo.loyalty { background-position:-228px; }
				.widget-header .logo.app-versions { background-position:-266px; }
				.widget-header .logo.platforms { background-position:-304px; }
                		.widget-header .logo.durations { background-position:-380px; }
		                .widget-header .logo.resolutions { background-position:-418px; }
						.widget-header .logo.densities { background-position:-456px; }

	.widget-footer { text-align:right; min-height:10px; color:#666; font-size:11px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; border:1px solid #D0D0D0; border-top:none; background-color:#FFF; box-shadow:inset 0 1px 0 #FFF; overflow:hidden; }
	    .widget.google-disabled .widget-footer { border-top:2px solid #D0D0D0; }
    .widget-content { background-color:#FFF; border:1px solid #D0D0D0; }
        .widget.google-disabled .widget-content { display: none; }
	.fix-two-columns { position:relative; }

    .widget-group { border:1px solid #D0D0D0; margin-bottom: 16px; border-radius:2px; }
    .widget-group .dashboard-summary { margin:0; border-top:1px solid #d0d0d0; }
    .widget-group .big-numbers.top.widgets .inner,
    .widget-group .dashboard-summary .item .inner { border-radius:0; margin-left:0; box-shadow: none !important; border-left: 1px solid #D0D0D0; padding:10px 15px; }
    .widget-group .big-numbers.top.widgets:first-child .inner,
    .widget-group .dashboard-summary .item:first-child .inner { margin-left:0; border:none; }
    .widget.segmentation-widget {margin-bottom: 0px;}
    .segmentation-table #dataTableTwo_wrapper {margin-top: 0px; overflow: auto; position: relative;}

	#big-numbers-container, .big-numbers-container,
    #intermediate-numbers-container { overflow:hidden; position:relative; }
	#big-numbers-container.dashboard , .big-numbers-container.dashboard { border:1px solid #D0D0D0; border-bottom:none; padding-bottom:8px; }
		.big-numbers { float:left; position:relative; }
		.widget-footer .big-numbers:first-child .inner { border-bottom-left-radius:2px; }
		.widget-footer .big-numbers:last-child .inner { border-bottom-right-radius:2px; }
		.big-numbers .inner { border-left:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; background-color:#F9F9F9; height:180px; text-align:center; }
			.widget-content .big-numbers .inner { height:190px; cursor:pointer; }
			.widget-footer .big-numbers .inner { height:100px; border-bottom:none; background-color:#f4f4f4; }
			.big-numbers.active .inner { background-color:#FFF; }
			.big-numbers:first-child .inner { border-left:none; }
			.big-numbers:last-child { position:absolute; right:0; border-left:none; }
		.big-numbers .select { padding-top:7px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#5B5B5B; position:absolute; height:23px; width:100%; background-color:#D6D6D6; box-shadow:inset 0 1px 0 #F6F6F6; }
			.big-numbers .select .title { max-width:156px; overflow:hidden; text-overflow:ellipsis; margin:0 auto; white-space:nowrap; }
			.widget-content .big-numbers .select { bottom:1px; border-top:1px solid #A1A2A2; cursor:pointer; }
			.widget-footer .big-numbers .select { top:0; border-bottom:1px solid #A1A2A2; position:relative; }
			.big-numbers.active .select { color:#EEE; background-color:#2B2B2B; box-shadow:inset 0 1px 0 #5E5E5E; border-top-color:#404040; border-bottom:1px solid #616161; bottom:0; }
		.big-numbers .inner .logo { width:60px; height:60px; margin:0 auto; }
		.big-numbers .number { font:30px Oswald; color:#666; }
			.widget-content .big-numbers .number { margin-top:1px; }
			.widget-footer .big-numbers .number { margin-top:7px; }
			.big-numbers.active .number { color:#333; }
		.big-numbers  .arrow { display:none; width:18px; height:8px; position:absolute; left:50%; z-index:2; margin-left:-9px; bottom:-6px; }
		.big-numbers.active .arrow { display:block; }
		.big-numbers .spark { margin-top:11px; }
		.big-numbers .color { height:5px; }
				.big-numbers:nth-child(1) .color { background-color:#52A3EF; }
				.big-numbers:nth-child(2) .color { background-color:#FF8700; }
				.big-numbers:nth-child(3) .color { background-color:#0EC1B9; }

		.widget-content .big-numbers .trend { width:12px; height:9px; right:7%; top:11px; position:absolute; }
		.widget-footer .big-numbers .trend { width:12px; height:9px; right:20px; top:62px; position:absolute; }
		.widget-footer .big-numbers .check {width: 12px; height: 9px; left: 20px; top: 57px; position: absolute; font-size: 19px; color: #bbb;}
		.widget-content .big-numbers .change { right:15px; white-space:nowrap; top:-1px; position:absolute; font:10px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#999; }
			.big-numbers.active .change { color:#333; }

		.map-list { background-image:url('../images/dashboard/map_dotted_bg.png'); background-color:#FFF; height:400px; border:1px solid #D0D0D0; position: relative;}
			#geo-chart { display: inline-block; }
			#geo-chart-outer { border-radius:7px; text-align: center; margin-top: 25px; float:left; width:70% }
            #geo-chart-outer.big { float: none; margin: 0 auto; margin-top: 25px; width: auto; }
			#map-list-right { float:left; margin-top: 20px; width:30%; height:330px; overflow:hidden; }
                #geo-chart-outer.empty { width: 100%; }
                #geo-chart-outer.empty + #map-list-right { display: none; }

            .data-type-selector-group .big-numbers.top .inner { height: 30px; }

            .geo-switch .cly-button-group {position: absolute; top:0px; left:0px;}
            .geo-switch .cly-button-group .icon-button:first-child{border-bottom-left-radius:0; border-top-left-radius:0px; border-left:none;}
            .geo-switch .cly-button-group .icon-button:last-child { border-top-right-radius:0; border-bottom-right-radius:0; }
            .geo-switch .cly-button-group .icon-button{border-top:none;}

			.map-list-item { overflow:hidden; padding: 5px 25px 5px 1px; }
			.flag { float:left; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-top:1px; margin-right:10px; background-image:url('../images/flags/tr.png'); }
			.map-list-item .flag { margin-top:6px; }
			.map-list-item:hover .flag {}
			.map-list-item .total { float:right; color:#646464; font:17px Oswald; margin-right:10px; line-height:23px; }
			.map-list .country-name { width:128px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; color:#646464; font-size:15px; line-height:23px; }
			.map-list .bar { float:left; margin-left:10px; height:15px; margin-top:2px; background-color:#333; }
            #country-toggle {font-size:12px; padding: 7px;}
		.graph { font:14px Oswald; z-index:1; }
		.graph table tr:nth-child(n+10){ display:none; }
		.pie-chart-container { float:left; width:50%; position:relative; height:360px; }
			.pie-chart-container .graph-segment-container { position:absolute; left:10px; top:10px; z-index:3; }
        .pie-overlay { position: absolute; z-index: 1; width: 225px; height: 225px; left: 50%; margin-left: -115px; top: 66px; border: 2px solid #e6e6e6; border-radius: 200px; }
		.pie-overlay .title { font-size:11px; color:#969696; margin:0 auto; text-align:center; margin-top:8px; max-width:100px; line-height:17px; }
        .pie-overlay .logo { color:#969696; margin:0 auto; text-align:center; margin-top:79px; font-size: 40px; width: 100%; }
        .pieLabel { max-width: 100px; }
            .pieLabel div { font-size:10px !important; }

.big-numbers.top .inner { height:170px; cursor:pointer; }
.big-numbers.top .select { bottom:1px; cursor:pointer; padding-top:7px; font-size:12px; line-height:111%; color:#969696; position:absolute; height:23px; width:100%; background-color: transparent !important; background-image: none !important; box-shadow: none; border:none;  }
    .big-numbers.top .select.large { height: 29px; }
        .big-numbers.top .select.large .title { font-size:12px; }
    .big-numbers.top.active .select { border-bottom:1px solid #FFF; bottom:0;  }
.big-numbers.top .inner .logo { margin:0 auto; font-size: 30px; line-height: 30px; width: 30px; height: 30px; padding-top: 15px; margin-bottom: 10px; }
    .big-numbers.top .inner .logo.ion { background-image:none; font-size: 30px; line-height: 30px; color: #969696; }
    .big-numbers.top.active .inner .logo.ion { color: #535353; }
    .big-numbers.top .inner .logo.material { background-image:none; }
    .big-numbers.top .inner .logo.material .material-icons { font-size: 30px; line-height: 30px; color: #969696; }
    .big-numbers.top.active .inner .logo.material .material-icons { color: #535353; }
.big-numbers.top .number { font:30px Oswald; color:#666; margin: 0; }
    .big-numbers.top.active .number { color:#333; }
.big-numbers.top .title { padding-top:2px; padding-bottom:3px; font-size:10px; color:#666666; text-transform: uppercase; }
.big-numbers.top .spark { margin-top:14px; }
    .big-numbers.top.active .spark { display: none; }
.big-numbers.top .trend { display: none; font-size:11px; margin-top:20px; position: relative; top:inherit; right: inherit; width: auto; height: auto; }
    .big-numbers.top .trend .material-icons { font-size: 16px; vertical-align: middle; margin-right:5px; }
    .big-numbers.top .trend.u,
    .big-numbers.top .trend.u .change { color:#6BB96E !important; }
    .big-numbers.top .trend.d,
    .big-numbers.top .trend.d .change { color:#C94C4C !important; }
    .big-numbers.top.active .trend { display: block; }
.big-numbers.top .change { display:inline-block; vertical-align: middle; position: relative; top:inherit; right: inherit; }

.big-numbers.top.widgets { border:none; }
.big-numbers.top.widgets .inner { cursor:default; border:none; margin-left:5px; background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; border-radius: 2px; padding:10px; height:66px; }
.big-numbers.top.widgets:first-child .inner { margin-left:0; }
.big-numbers.top.widgets.dark .inner { border:none; background-color: #3c3c3c; box-shadow: none; }
.big-numbers.top.widgets.dark .inner .number,
.big-numbers.top.widgets .inner .title { color:#484848; font-size:12px; padding-top: 8px; }
.big-numbers.top.widgets.dark .inner .title { color:#FFF; }
/* DASHBOARD END */

/* NEW BIG NUMBERS */

.big-numbers-v2 { margin-top: -1px; padding-top: 10px; border-color: #D0D0D0; }
.big-numbers-v2 #big-numbers-container, .big-numbers-v2 .big-numbers-container { margin: 0 auto; }
.big-numbers-v2 .big-numbers .inner { border-left: none; border-top: none; text-align: center; padding-top: 30px; background-color: #FFF; height: 100px; }
.big-numbers-v2.condensed .big-numbers .inner { padding-top: 10px; background-color: #FFF; height: 80px; }
.big-numbers-v2 .big-numbers:nth-child(1) .inner { border-left:none; }
.big-numbers-v2 .big-numbers .select { text-transform: uppercase; color: #484848; font-size:13px; border:none; box-shadow:none; background: transparent; display: inline-block; width: auto; padding-top: 0px; margin-left: 8px; vertical-align: top; height: auto; }
.big-numbers-v2 .big-numbers .color { display: inline-block; width:15px; height:15px; margin-top: 0; border-radius: 1px; }
    .big-numbers-v2 .big-numbers.radio,
    .big-numbers-v2 .big-numbers.check { cursor: pointer; }
    .big-numbers-v2 .big-numbers.radio:hover,
    .big-numbers-v2 .big-numbers.check:hover { opacity: 0.7; }
    .big-numbers-v2 .big-numbers.radio .color,
    .big-numbers-v2 .big-numbers.check .color { width:13px; height:13px; border-radius:20px; background-color: transparent; border:1px solid #52A3EF; cursor:pointer; }
    .big-numbers-v2 .big-numbers.check .color { border-radius:1px; }
    .big-numbers-v2 .big-numbers.radio:nth-child(2) .color,
    .big-numbers-v2 .big-numbers.check:nth-child(2) .color,
    .big-numbers-v2 .big-numbers.check.event-sum .color { border-color:#FF8700; }
    .big-numbers-v2 .big-numbers.radio:nth-child(3) .color,
    .big-numbers-v2 .big-numbers.check:nth-child(3) .color,
    .big-numbers-v2 .big-numbers.check.event-dur .color { border-color:#0EC1B9; }
    .big-numbers-v2 .big-numbers.radio:nth-child(4) .color,
    .big-numbers-v2 .big-numbers.check:nth-child(4) .color { border-color:#ad41d5;  }
    .big-numbers-v2 .big-numbers.radio:nth-child(5) .color,
    .big-numbers-v2 .big-numbers.check:nth-child(5) .color { border-color:#d63b3b;  }
    .big-numbers-v2 .big-numbers.radio.selected .color,
    .big-numbers-v2 .big-numbers.check.selected .color { box-shadow:inset 0 0 0 1px #FFF; background-color: #52A3EF; cursor: default; }
    .big-numbers-v2 .big-numbers.radio:nth-child(2).selected .color,
    .big-numbers-v2 .big-numbers.check:nth-child(2).selected .color,
    .big-numbers-v2 .big-numbers.check.event-sum.selected .color { background-color:#FF8700; }
    .big-numbers-v2 .big-numbers.radio:nth-child(3).selected .color,
    .big-numbers-v2 .big-numbers.check:nth-child(3).selected .color,
    .big-numbers-v2 .big-numbers.check.event-dur.selected .color { background-color:#0EC1B9; }
    .big-numbers-v2 .big-numbers.radio:nth-child(4).selected .color,
    .big-numbers-v2 .big-numbers.check:nth-child(4).selected .color { background-color:#ad41d5; }
    .big-numbers-v2 .big-numbers.radio:nth-child(5).selected .color,
    .big-numbers-v2 .big-numbers.check:nth-child(5).selected .color { background-color:#d63b3b; }

.big-numbers-v2 .big-numbers .number { margin-top: 2px; color:#484848; font-size: 34px; }
.big-numbers-v2 .big-numbers .trend { margin-top:5px; height: auto; width: auto; top:0; right:0; position: relative; }
.big-numbers-v2 .big-numbers .trend i { font-size: 13px; }
.big-numbers-v2 .big-numbers .trend.u { color:#6BB96E; }
.big-numbers-v2 .big-numbers .trend.d { color:#C94C4C; }

.google-disabled .big-numbers.radio .color { display: none; }
.google-disabled .big-numbers.radio { cursor: default; }
.google-disabled .big-numbers.radio:hover { opacity: 1; }

/* APP NAVIGATION */
#app-management-bar { z-index:3; }
#app-management-bar #app-nav-head { padding-left:15px; }
#app-nav-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:85px; float:left; padding-top:4px; }
#app-nav { width:190px;  display:none; text-align:right; height:100%; position:fixed; left:31px; z-index:997; padding-bottom: 120px; box-sizing: border-box; box-shadow: inset -1px 0 0 0 #d4d4d4; background-color: rgba(239, 239, 239, 0.7); }
#app-nav-head { height:27px; padding:15px 20px 15px 15px; color:#636363; font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:left; background-color: #ECECEC; border-bottom:1px solid #d0d0d0; }
	#app-nav-head .button-container { overflow:hidden; position:absolute; top:22px; right:10px; }
.app-container { cursor:pointer; height:26px; padding:8px 12px; padding-left:32px; overflow:auto; border-top: 1px solid #d0d0d0; background-color: #efefef; }
.app-container:first-child { border-top:none; }
.app-container:hover { background-color: #dedede; }
.app-container.active { background-color: #dedede; }
	.app-container .logo { float:left; width:20px; height:20px; background-size:22px 22px; margin-top:2px; border-radius:4px; border:1px solid #a2a2a2; background-position:center; }
	.app-container .name { width:125px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; margin-left:10px; padding-top:6px; color:#6b6b6b; font:13px Ubuntu,Helvetica,sans-serif; }
	.new-app-name { width:300px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#sort-app-button { padding: 7px 1px; }
#sort-app-button i { font-size: 20px; margin: 0; line-height: 16px; }
/* APP NAVIGATION END */

#app-management-bar { overflow:hidden; width:180px; position:fixed; left:242px; top:79px; text-align:right; background-color:#efefef; max-height:580px; box-sizing: border-box; box-shadow: 0 0 0 1px #d0d0d0; }
#app-management-bar .app-container { padding-left:10px; position: relative; }
#app-management-bar .app-container.active { }
#app-management-bar .app-container.active:hover { opacity:1; }
#management-app-container { max-height: 490px; }
#manage-new-app { display: none; }
.app-details input { width:310px; }
#add-new-app .hint, .app-details .hint { padding-top: 8px; font-size:11px; color:#B7B6B6; clear: both; }
#app_details {margin-left: 10px; text-decoration:underline; font-size: 11px; color: #2FA732; cursor: pointer;}
.app_details_table{min-width: 800px; position: relative;}
.dialog.app_details_table .indicator{margin-bottom: 0;}
.dialog.app_details_table .buttons { box-shadow: inset 0 1px 0 #ccc; padding: 13px; margin-top: -1px; }
.app_details_table table.d-table{margin-bottom:0;}
.app_details_table td{border-left: 1px solid #ececec;}
.app_details_table table.d-table tr td.second-header{width: 150px;}

#code-countly {background-color: #fff; border-radius: 2px; padding: 20px; border: 1px solid #D0D0D0; margin-left: 199px;}
#code-countly h3 {font-size: 16px; color: #636363; margin-top: 0px;}
#code-countly p {font-size: 14px; line-height: 20px; color: #AFAFAF;}
#code-countly p.select-platforms {font-size: 12px; text-transform:uppercase; color: #D4D4D4;}
#code-countly .sdks {overflow: auto;}
#code-countly .sdks a{color: #2FA732; float: left; text-decoration: none; font-size: 14px; margin-right: 20px;}
#code-countly .sdks a:hover { text-decoration: underline; }
#code-countly-content {margin-left: 135px;}
#code-countly-logo {background-image: url('../images/dashboard/apps-sdk-icon.svg'); float: left; width: 100px; height:100px; background-repeat: no-repeat; background-position: 50% 0%;}

#add-app-button { padding: 4px 1px; }
#add-app-button i { font-size: 22px; margin: 0; line-height: 22px; }

/* TABLES */
.dataTables_wrapper { margin:15px 0; position: relative; }
table.d-table { width:100%; padding:0; margin:0; border-radius:2px; margin-bottom:20px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; }
table.d-table:not(.no-fix) { table-layout:fixed; }
    .d-table  th { padding:11px 10px 10px 10px; color:#484848; font-weight:normal; font-size:11px; text-transform: uppercase; line-height:12px; text-align:left; border-bottom:1px solid #E2E2E2; background-color:#F3F3F3; border-top: 1px solid #D0D0D0; }
    .d-table  th:first-child { border-left:none; border-top-left-radius:7px; }
	.d-table  th:last-child { border-top-right-radius:7px; }
	.d-table  thead tr { background-color:transparent; }
	.d-table  td { padding:10px 10px; margin:0; color:#6B6B6B; }
	.d-table  td:first-child { border-left:none; font-weight:normal; }
	.d-table  tr { font-size:15px; line-height:12px; background-color:#fff}
	.d-table  tr:first-child { border-top:none; }
	.d-table  tr:last-child { border-bottom:none; }
	.d-table  tr:nth-child(even){ background-color:#F9F9F9}
	.d-table  tr:hover { background-color:#F1F1F1; }
	.d-table  tr:last-child td { border-bottom:none; }
	.d-table  tr:last-child td:first-child { border-bottom-left-radius:7px; }
	.d-table  tr:last-child td:last-child { border-bottom-right-radius:7px; }
	.d-table .table-no-data { text-align:center; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:20px; color:#CCC; }
	.d-table .table-no-data:hover { background-color:#FFF; }
.d-table.horizontal { border-radius:0; }
	.d-table.horizontal  tr:hover { background-color:#FFF; }
	.d-table.horizontal  tr:nth-child(even):hover { background-color:#FBFBFB; }
	.d-table.horizontal td:first-child { color:#2FA732; width:155px; }
	.d-table.horizontal tr:last-child td { border-radius:0; }
.table-edit { display:none; }
	.table-edit td, .table-add td { padding:10px; }
	.table-edit .icon-button, .table-add .icon-button { float:right; }

.dataTable td { font-family:Oswald; font-size:12px; }
.d-table .shrink {width: 1%;}
.d-table .center{text-align: center;}

div.datatablesubrow {display: none;}

.d-table tr[id] { cursor: pointer; }
.d-table tr.selected {background-color: #FFE4C9;}

.d-table input[type=text],
.d-table input[type=number],
.d-table textarea { border-radius:2px; margin:0; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #D0D0D0; width:274px; }
.d-table textarea { max-width: 274px; }
.d-table input[type=password] { border-radius:2px; margin:0; font:14px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px; border:1px solid #D0D0D0; width:274px; }

.table-template {margin-top: -16px;}

.dataTable { border-radius:0 !important; margin-bottom:0 !important; }
.dataTable th { border-radius:0 !important; outline:none; cursor:pointer; }
.dataTable td { border-radius:0 !important; }
.dataTable-bottom, .dataTable-top { border: 1px solid #D0D0D0; padding:0; overflow:auto; color:#969696; font-weight:normal; font-size:10px; line-height:111%; text-align:left; background-color:#ECECEC; }
.dataTable-top { border-bottom:none; color:#BBB; transition:color 0.5s; border-top-left-radius:2px; border-top-right-radius:2px; }
.dataTable-bottom { display:none; border-top:1px solid #E2E2E2; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background-color: #ECECEC; }
.dataTable-top:hover { color:#888; transition:color 0.5s; }
.dataTable-top .dataTables_filter { float:left; padding-top:6px; display:none; }
.dataTable-top .dataTables_filter input { font-size:13px; margin:0; border-radius:2px; background-color:#FFF; border:1px solid #CCC; width:200px; transition:width 0.5s; outline:none; padding:2px 6px; }
.dataTable-top .dataTables_length { float:right ; padding:6px 11px; border-left: 1px solid #cccccc;}
    .dataTable-top .dataTables_length label { text-transform: uppercase; }
#dataTables_length_input {font-size:13px; margin:0; border-radius:2px; background-color:#FFF; border:1px solid #CCC; width:200px; transition:width 0.5s; outline:none; padding:2px 6px; width: 50px; margin-left: 9px;}
.dataTable-top .DTTT_container { float:right; padding: 11px 0; padding-top: 12px; }
.dataTable-top .DTTT_container a { margin-right:10px; }
.dataTable-top .DTTT_container a:hover { text-decoration:underline; }
.DTTT_container { visibility:hidden; }
.DTTT_container .DTTT_button { position:relative; display:inline-block; }
.DTTT_container .DTTT_button div>* { vertical-align:inherit; }
.save-table-data { float:right; font-size:18px; padding:8px; cursor:pointer; }
.search-table-data { float:left; font-size:18px; padding:8px; cursor:pointer; }
.FixedHeader_Cloned .dataTable { border-bottom:none; }
.dataTable-bottom .dataTables_info { float:left; padding:5px 10px; }
.dataTables_paginate { float:right; }
.dataTables_paginate span { display:inline-block; padding:4px 7px; font-size:25px; cursor:pointer; border-left:1px solid #CCC; }
.dataTable-bottom .dataTables_paginate span { font-size:18px; padding-right:5px; }
.dataTables_paginate .paginate_disabled_previous { opacity:0.2; }
.dataTables_paginate .paginate_disabled_next { opacity:0.2; }
.dataTable thead th.sorting_asc:after { color:#2FA732; display: inline-block; font-family: 'FontAwesome'; content: "\f0de"; margin-left: 7px; vertical-align: text-top; margin-top: 7px; line-height: 5px; }
.dataTable thead th.sorting_desc:after { color:#2FA732; display: inline-block; font-family: 'FontAwesome'; content: "\f0dd"; margin-left: 7px; vertical-align: text-top; margin-top: 2px; line-height: 6px; }
.dataTable thead th.sorting:after { color:#BBBBBB; display: inline-block; font-family: 'FontAwesome'; content: "\f0dc"; margin-left: 7px; vertical-align: text-top; margin-top: 4px; line-height: 6px; }

.d-table.horizontal { border:1px solid #D0D0D0; }
.d-table.horizontal td { border-bottom:1px solid #ececec; padding: 12px; }
.d-table.horizontal tr,
.d-table.horizontal tr:hover,
.d-table.horizontal tr:nth-child(even),
.d-table.horizontal tr:nth-child(even):hover { background-color: #FFF; }
.d-table.horizontal .populate-demo-data td,
.d-table.horizontal td td { border-bottom:none; }

.table-placeholder { z-index:-1; display:block; height: 100%; min-height:120px; background-color: #FFF; border:1px solid #D0D0D0; border-radius:2px; border-top-left-radius: 0; border-top-right-radius: 0; opacity: 1; position: absolute; top:0; width: 100%; box-sizing: border-box; }
.table-placeholder .top { height: 34px; border-bottom: 1px solid #d0d0d0; background-color: #ECECEC; }
.table-placeholder .header { height: 33px; border-bottom: 1px solid #d0d0d0; background-color: #F3F3F3; }

.table-loader { height: 1px; width: 100%; position: absolute; overflow: hidden; background-color: transparent; top:35px; left:0; box-sizing: border-box; margin:0; z-index: 1; }
.table-loader:before{ display: block; position: absolute; content: ""; left:-200px; width: 200px; height: 1px; background-color: #2fa732; animation: table-loading 2s linear infinite; animation-delay:1s; }
@keyframes table-loading {
    from {left: -30%; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
/* TABLES END */

.icon-button { min-height:14px; cursor:pointer; float:left; padding:7px 12px; border-radius:2px; font:12px Ubuntu,Helvetica,sans-serif; line-height:15px; overflow:auto; margin-left:8px; }
.icon-button:hover { opacity:0.8; }
.icon-button.light { color:#717171; background-color:#FDFDFD; box-shadow:inset 0 0 0 1px #DCDCDC; }
.icon-button.disabled { opacity:0.5; }
.icon-button.dark { background-color:#292929; color:#BFBFBF; box-shadow:inset 0 0 0 1px #292929; }
	.icon-button .icon { float:left; margin-right:7px; background-repeat:no-repeat; }
	.icon-button .text { float:right; padding-top:2px; }
.icon-button.create-report,
.icon-button.green { background-color:#2EB52B; color:#FFF; box-shadow:inset 0 0 0 1px #2EB52B; }
.icon-button.delete-app,
.icon-button.red,
.dialog.red #dialog-continue { background-color:#D63E40; color:#FFF; box-shadow:inset 0 0 0 1px #D63E40; }
.icon-button i { margin-right:6px; line-height: 9px; }

.button .back{ color: #666; cursor:pointer; user-select:none; background-color:#E0E0E0; float:left; padding:8px 20px; padding-top:7px; border:1px solid #A5A5A5; border-radius: 2px; font: 13px Ubuntu,Helvetica,sans-serif; margin-top: 5px; margin-right: -5px;}
.button .back:hover { background-color:#F9F9F9; }
.button .back i{position: relative; top: 1px; left: -7px;}

.btn-header { float: right; margin-top: 6px; margin-left: 8px; margin-right: 5px; overflow: hidden; }
.btn-header.left { margin-top: 6px; margin-left: 17px; }
.btn-header :before { line-height: 10px; vertical-align: bottom; }
.widget-header .left .btn-header { margin-top: 4px; }
#segmentation .btn-header { margin-top: 0; margin-left: 5px; }

#date-selector { float:right; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:6px; padding-right:0; user-select:none; position: relative; }
	#date-selector .button { visibility: visible; cursor:pointer; user-select:none; background-color:#ececec; float:left; padding:7px 5px; padding-top:6px; border:1px solid #D0D0D0; margin-right:-1px; }
    .widget-header:hover #date-selector .button { visibility: visible; }
    #date-selector .date-buttons-container { float: left; }
    #date-selector .date-buttons-container .button:first-child { border-top-left-radius:2px; border-bottom-left-radius:2px; }
	#date-selector .date-buttons-container .button:last-child { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; }
    #date-selector .button:hover { background-color:#F9F9F9; }
	#date-selector .button:active  { background-color:#F9F9F9; }
	#date-selector .button.active { background-color:#F9F9F9; }
	#date-selector>.calendar { background-color:#ececec; border:1px solid #D0D0D0; cursor:pointer; float:right; border-radius:2px; margin:0 5px 0 13px; width:27px; height:27px; text-align: center; }
    #date-selector>.calendar:hover { background-color:#F9F9F9; }
    #date-selector>.calendar i { margin-top:4px; font-size: 18px; }

#date-picker, .date-picker { white-space:nowrap; display:none; position:absolute; z-index:1000; padding:2px 3px 6px 3px; background-color:#292929; border-radius:2px; right: 5px; top: 43px; }
	#date-picker .calendar-container, .date-picker .calendar-container { overflow:auto; padding:0 5px; }
	#date-picker .calendar-container .calendar, .date-picker .calendar-container .calendar { display:inline-block; vertical-align: top; }
    	#date-picker .calendar-container .calendar:nth-child(2) { margin-right:0; }
	#date-picker .button-container { overflow:auto; margin-top:6px; padding: 0 15px 8px; }
        #date-picker .button-container .icon-button { float: right; padding: 7px 20px; }

#date-picker:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; right: 9px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.threes-column .big-numbers { width:33%; }
.threes-column .big-numbers:last-child { width:34%; }
.two-column .big-numbers { width:50%; }
.one-column .big-numbers { width:100%; position:relative; }

.two-columns { width:50%; }

.three-column { width:33%; }
.three-column:nth-child(2) { width:34%; }
.three-column:last-child { width:33%; }

.six-column { width:17%; }
.six-column:first-child { width:16%; }
.six-column:last-child { width:17%; }

.four-column, .dashboard-summary .item.four-column { width:25%; }
.five-column, .dashboard-summary .item.five-column { width:20%; }

.sticky-header.hide { display:none; }
.sticky-header { top:0; position:fixed; }
.sticky-header table { border:none; border-radius:0; }
.sticky-header table th { box-shadow: inset 0 -1px 0 0 #d0d0d0; border-bottom: none; outline: none; cursor: default; }
.sticky-header table th:first-child { box-shadow: inset 0 -1px 0 0 #d0d0d0, inset 1px 0 0 0 #d0d0d0; }
.sticky-header table th:last-child { box-shadow: inset 0 -1px 0 0 #d0d0d0, inset -1px 0 0 0 #d0d0d0; }

/* DATEPICKER */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { text-decoration: none; border:none; color: #FFF; font-size:12px; padding:5px; background-color:transparent; text-align:center; background-image:none; box-shadow: none; }
.ui-datepicker a,
.ui-datepicker-inline a { text-decoration: none !important; }
.ui-widget-content .ui-state-hover { background-color:#CCC; color:#424242; text-shadow:none; background-image:none; margin: 1px; padding: 4px; border-radius: 2px; }
.ui-widget-content .ui-state-active { background-color:#2FA732; color:#FFF; text-shadow:none; background-image:none; margin: 1px; padding: 4px; border-radius: 2px; }
.ui-datepicker.ui-widget { padding:10px; background-color: #292929; }
.ui-datepicker td { padding:0; border:1px solid #3a3a3a; border-left:none; background-color: transparent; }
.ui-datepicker th { font-weight:normal; font-size:8px; }
.ui-datepicker-inline { border-radius:0; }
.ui-datepicker-inline table { margin:0 auto; font-weight:normal; width:99%; }
.ui-datepicker-calendar tbody,
.ui-datepicker-inline table tbody { border:1px solid #3a3a3a; }
.ui-datepicker-group-last .ui-datepicker-calendar {}
.ui-datepicker { width:190px ! important; border:none; }
.ui-widget-header { border-radius:0; border:none; background-color:transparent; background-image:none; color:#FFF; font-weight:normal; font-size:12px; height:23px; }
.ui-datepicker { font-weight:normal; line-height:111%; overflow:auto; }
.ui-widget-content { background-color:transparent; background-image:none; padding:0; }
.ui-datepicker-calendar thead { font-weight:normal; border-bottom:1px solid #BBBBBB; }
.ui-datepicker-calendar thead th { text-transform:uppercase; height:15px; text-align: center; color:#d6d6d6; border:none; background-image:none; padding: 9px 3px 0 3px; }
.ui-datepicker-calendar tr { line-height: 111%; }
.ui-datepicker-calendar tr:last-child td { border-bottom:none; }
.ui-datepicker-calendar td:last-child { border-right:none; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:154px; margin:5px; box-shadow:0 1px 1px 1px #000; }
.ui-datepicker th { padding:4px 3px; }
.ui-corner-all.ui-state-hover { background-color:transparent; border:none; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { width:15px; height:20px; }
#date-picker .ui-datepicker .ui-datepicker-prev,
#date-picker .ui-datepicker .ui-datepicker-next { height:23px; }
.ui-datepicker-inline .ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-next { height:21px; }
.ui-datepicker .ui-widget-header .ui-icon { background-image: none; text-indent: 3px; }
.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e { font-family: 'FontAwesome'; text-align:right; width:11px; overflow: hidden; color:#bfbfbf; font-size:10px; }
.ui-icon-circle-triangle-w:before { content: "\f053  "; }
.ui-icon-circle-triangle-e:before { content: "\f054  "; }
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover { padding:0; }
.ui-datepicker .ui-datepicker-title { line-height:21px; }
.ui-datepicker-other-month span { opacity: 0; }
#selected-date { float:right; font-size:12px; color:#CCC; padding-top: 8px; margin-right:10px; }

.calendar-light .ui-datepicker.ui-widget { padding:1px; background-color: #FFF; }
.calendar-light .ui-state-default,
.calendar-light .ui-widget-content .ui-state-default,
.calendar-light .ui-widget-header .ui-state-default { color:#000; }
.calendar-light .ui-widget-content .ui-state-hover { color:#424242; }
.calendar-light .ui-widget-content .ui-state-active { color:#FFF; }
.calendar-light .ui-datepicker td,
.calendar-light .ui-datepicker-calendar tbody,
.calendar-light .ui-datepicker-inline table tbody { border-color:#CCC; }
.calendar-light .ui-widget-header { color:#000; }
/* DATEPICKER END */

/* FORMS */
.cly-button-dark { color:#DDD; background-color:#292929; border:1px solid #1B1B1B; box-shadow:inset 0 1px 0 #777777; cursor:pointer; float:left; padding:5px 10px; border-radius:4px; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
.cly-button-dark:hover { opacity:0.9; }
.cly-button-dark:active,.cly-button-dark.active { background-color:#3E3E3E; box-shadow:inset 0 1px 0 #444; }

.dashboard-summary { margin-bottom:16px; overflow:auto; }
	.dashboard-summary .item { float:left; font-family:Oswald; width:25%; }
	.dashboard-summary.four .item { width:25%; }
	.dashboard-summary.three .item { width:33%; }
	.dashboard-summary.two .item { width:50%; }
	.dashboard-summary.three .item:nth-child(2) { width:34%; }
	.dashboard-summary .inner { background-color:#3C3C3C; padding:10px; border-radius:2px; margin-left:5px; }
	.dashboard-summary .item:first-child  .inner { margin-left:0; }
	.dashboard-summary .item:first-child .inner { border-left:none; }
	.dashboard-summary .item:last-child .inner { border-right:none; }
	.dashboard-summary .item .title { font:12px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:center; color:#FFF; text-transform:uppercase;}
	.dashboard-summary .item .bar { width:80%; height:6px; padding-top:2px; padding-bottom:2px; overflow:auto; background-color:transparent; margin:0 auto; margin-top:5px; margin-bottom:5px; }
		.dashboard-summary .item .bar .bar-inner { background-color:#52A3EF; width:40%; float:left; height:6px; box-shadow:inset 2px 0 0 0 #333 }
			.dashboard-summary .item .bar .bar-inner:hover { margin-bottom:-1px; margin-top:-1px; height:8px; }

		.dashboard-summary .item .bar .bar-inner:first-child { box-shadow:none; }
		.dashboard-summary .item .bar .bar-inner:last-child { }
		.dashboard-summary .item .bar .bar-inner:nth-child(2) { background-color:#FF8700; width:42%; }
		.dashboard-summary .item .bar .bar-inner:nth-child(3) { background-color:#0EC1B9; width:16%; }

    .dashboard-summary.two-bars .item .bar .bar-inner:nth-child(2) { box-shadow: 2px 0 0 0 #ECECEC; background-color: #ECECEC; pointer-events:none; }

	.dashboard-summary .item .number { font-size:26px; text-align:center; color:#52A3EF; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.dashboard-summary .item .no-data { font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:center; color:#222; padding-bottom:14px; padding-top:20px; }
        .dashboard-summary .item.light .no-data { color:#d8d8d8; }

.dashboard-summary .item.light .inner { background-color: #FFF; box-shadow: inset 0 0 0 1px #D0D0D0; }
.dashboard-summary .item.light .inner .title { color:#484848; }
.dashboard-summary .item.light .bar .bar-inner { box-shadow:inset 2px 0 0 0 #FFF; }

.cly-select { position:relative; background-color:#FDFDFD; user-select:none; display:inline-block; width:135px; height:27px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; }
    .widget-header .cly-select { background-color: #ECECEC; position:relative; }
    .cly-select.req { border-color:#E95C6C; }
    .cly-select.dark { border-color:#666; }
    .cly-select.disabled { opacity: 0.4 !important; cursor: default; }
    .cly-select.centered, .cly-select.centered .text { text-align: center; }
    .cly-select.centered.text-align-left, .cly-select.centered.text-align-left .text { text-align: left; }
    .cly-select.centered .text { padding-right:9px; }
	.cly-select .select-inner { position:relative; width:100%; height:100%; }
	.cly-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; }
	.cly-select.active .right { border-bottom-right-radius:0; }
    .cly-select .search { top:100%; position:absolute; z-index:2; background-color: #FFF; width:100%; border:1px solid #D0D0D0; border-bottom:none; margin-left:-1px; cursor:default; overflow:auto; }
        .cly-select .search .fa { position: absolute; right:0; top:5px; color:#CCC; font-size: 10px; }
        .cly-select .search .inner { position:relative; margin:5px 8px; padding:4px 1px; padding-right:20px; background-color:#FFF; font:13px Ubuntu; line-height:111%; }
        .cly-select .search input { height:14px; padding:0; margin:0; border:none; outline:none; width:100%; font:13px Ubuntu; line-height:111%; }
    .cly-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; }
    .cly-select .select-items { top:100%; z-index:2; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; width:135px; }
    .cly-select.dark .select-items { border-color:#d0d0d0; }
	.cly-select .select-items .scroll-list {  max-height:188px; }
    .cly-select .select-items .warning { color:#FF8700; font-weight:normal; border-bottom:1px solid #e6e6e6; font:11px Ubuntu,Helvetica,sans-serif; line-height:14px; padding:7px 9px; cursor: default; text-align: center; }
	.cly-select .select-items .item { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px 9px; padding-bottom:7px; }
        .cly-select .select-items .item:last-child,
        .cly-select .select-items .item.last { border-bottom: none; }
    .cly-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #2fa732; font-weight: bold; border-bottom: 1px solid #e6e6e6; font: 11px Ubuntu,Helvetica,sans-serif; line-height: 100%; padding: 13px 9px 7px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #fff;}
    .cly-select.dark .select-items .item { border-color:#888; }
    .cly-select .select-items .item.hidden { display:none; }
    .cly-select .flag { opacity:0.8; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-right:8px; margin-top:2px; float:left; }
		.cly-select .select-items .item:hover { background-color:#f3f3f3; }
		.cly-select .select-items .item:last-child,
        .cly-select .select-items .item.last { border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
	.cly-select .text-container { float:left; width:100%; }
		.cly-select .text { padding:6px 9px; padding-right:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
	.cly-select .right { opacity: 0.8; right:0; position:absolute; width:15px; height:100%; line-height: 27px; }
    .cly-select .right:hover { opacity: 1; }
		.cly-select .right.combo { }
            .cly-select .right.combo:before { color:#717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; }
                .cly-select:hover .right.combo:before { color:#2fa732; }
                .cly-select.active .right.combo:before { content: "\f126"; color:#2fa732; }
	.cly-select .slimScrollBar.ui-draggable { cursor:default; }

.cly-select.loading:after { content:"Loading..."; position: absolute; top:1px; left: 0; color:#d0d0d0; background-color: #fdfdfd; padding: 5px 40px 5px 11px; font-size: 13px; }

.cly-select.float { float:left; border:none; width: auto; background-color: transparent; margin-right: 5px; }
.cly-select.float .text { padding-left: 3px; }
.cly-select.float .text-container { width:auto; max-width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.cly-select.float .right { float:left; }
.cly-select.float .right.combo:before { right:auto; }
.cly-select.float:hover .text { color:#2FA732; }
.cly-select.float:hover .right.combo:before { color:#2FA732; }
.cly-select.float .select-items,
.cly-select.float .search  { width:220px; }

.cly-select.float-right { float:right; width: 150px; background-color: #fff; margin-right: 5px; margin-top:6px;}
.cly-select.float-right.green { float:right; width: 150px; background-color: #2FA732; border-color:#2FA732; margin-right: 5px; margin-top:6px;}
.cly-select.float-right.green .text{ color:#fff;}
.cly-select.float-right.green .right.combo:before{ color:#fff;}
.cly-select.float-right.green.disabled { background-color:#FDFDFD; border-color:#D0D0D0; }
.cly-select.float-right.green.disabled .text{ color:#444;}
.cly-select.float-right.green.disabled .right.combo:before{ color:#717171;}

.cly-multi-select { position:relative; background-color:#FDFDFD; user-select:none; display:inline-block; width:135px; height:auto; min-height: 32px; border:1px solid #D0D0D0; border-radius:2px; cursor:pointer; }
.cly-multi-select .select-inner { position:relative; width:100%; height:100%; }
.cly-multi-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.cly-multi-select.active .right { border-bottom-right-radius:0; }
.cly-multi-select .search { top:100%; position:absolute; z-index:2; background-color: #FFF; width:100%; border:1px solid #D0D0D0; border-bottom:none; margin-left:-1px; cursor:default; overflow:auto; }
.cly-multi-select .search .fa { position: absolute; right:0; top:5px; color:#CCC; font-size: 10px; }
.cly-multi-select .search .inner { position:relative; margin:5px 8px; padding:4px 1px; padding-right:20px; background-color:#FFF; font:13px Ubuntu; line-height:111%; }
.cly-multi-select .search input { height:14px; padding:0; margin:0; border:none; outline:none; width:100%; font:13px Ubuntu; line-height:111%; }
.cly-multi-select .search + .select-items { margin-top: 33px; border-top-left-radius: 0; border-top-right-radius: 0; }
.cly-multi-select .select-items { top:100%; z-index:2; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; width:135px; }
.cly-multi-select .select-items .scroll-list {  max-height:188px; }
.cly-multi-select .select-items .item { position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:5px 9px; padding-bottom:7px; }
.cly-multi-select .select-items .item:last-child,
.cly-multi-select .select-items .item.last { border-bottom: none; }
.cly-multi-select .select-items .group { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #888; font-weight: bold; border-bottom: 1px solid #D0D0D0; font: 11px Ubuntu,Helvetica,sans-serif; line-height: 100%; padding: 6px 9px; text-align: left; cursor: default; text-transform: uppercase; background-color: #ececec;}
.cly-multi-select .select-items .item.hidden { display:none; }
.cly-multi-select .select-items .item:hover { background-color:#f3f3f3; }
.cly-multi-select .select-items .item:last-child,
.cly-multi-select .select-items .item.last { border-bottom-left-radius:2px; border-bottom-right-radius:2px; }
.cly-multi-select .select-items .item.disabled { opacity: 0.5; cursor: default; }
.cly-multi-select .select-items .item.disabled:hover { background-color: #FFF; }
.cly-multi-select .text-container { float:left; width:100%; }
.cly-multi-select .text { padding:3px 9px; padding-right:25px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
.cly-multi-select .right { opacity: 0.8; right:0; position:absolute; width:15px; height:100%; line-height: 32px; }
.cly-multi-select .right:hover { opacity: 1; }
.cly-multi-select .right.combo { }
.cly-multi-select .right.combo:before { color:#717171; font-family: 'Ionicons'; content: "\f123"; font-size: 9px; position: absolute; right: 8px; }
.cly-multi-select:hover .right.combo:before { color:#2fa732; }
.cly-multi-select.active .right.combo:before { content: "\f126"; color:#2fa732; }
.cly-multi-select .slimScrollBar.ui-draggable { cursor:default; }
.cly-multi-select .selection { cursor:default; position:relative; float: left; border-radius: 2px; background-color: #77787b; color:#f1f1f1; padding:3px 19px 3px 10px; margin: 2px 5px 2px 0; font-size: 12px; }
.cly-multi-select .selection:hover { background-color: #5a5a5a; }
.cly-multi-select .selection .remove { position: absolute; right:5px; top:3px; font-size: 11px; cursor: pointer; }
.cly-multi-select .selection .remove:hover { color:#2fa732; }
.cly-multi-select.selection-exists .default-text { display: none; }
.cly-multi-select .default-text { display: block; padding: 5px 0; }
.cly-multi-select .select-items .item.selected { color: #2fa732; display: none; }

.cly-text-select { display:inline-block; height:27px; }
.cly-text-select input { margin-left:-1px; width:195px; height:27px; color:#444; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; border:1px solid #D0D0D0; border-radius:2px; padding:0 8px; display:inherit; outline:none; }
.cly-text-select.req { border-color:#E95C6C; }
.cly-text-select.dark { border-color:#666; }
.cly-text-select.disabled { opacity: 0.4 !important; cursor: default; }
.cly-text-select .select-inner { position:relative; width:100%; height:100%; }
.cly-text-select.active { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.cly-text-select.active .right { border-bottom-right-radius:0; }
.cly-text-select .select-items { z-index:1000; display:none; position:absolute; margin-left:-1px; border-radius:2px; background-color:#FFF; border:1px solid #D0D0D0; border-top-left-radius:0; border-top-right-radius:0; width:135px; }
.cly-text-select.dark .select-items { border-color:#666; }
.cly-text-select .select-items.square { border-radius:0; }
.cly-text-select .select-items.square .item:last-child { border-radius:0; }
.cly-text-select .select-items .scroll-list {  max-height:189px; }
.cly-text-select .select-items .item { cursor: pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666; font-weight:normal; border-bottom:1px solid #e6e6e6; font:13px Ubuntu,Helvetica,sans-serif; padding:5px 9px; padding-bottom:7px; }
.cly-text-select.dark .select-items .item { border-color:#888; }
.cly-text-select .select-items .item.hidden { display:none; }
.cly-text-select .flag { opacity:0.8; width:16px; height:11px; border-radius:2px; box-shadow:0 0 1px 0 #333; margin-right:8px; margin-top:2px; float:left; }
.cly-text-select .select-items .item:hover { background-color:#f3f3f3; }
.cly-text-select .select-items .item:hover .flag { box-shadow:0 0 0 1px #000; }
.cly-text-select .select-items .item:last-child,
.cly-text-select .select-items .item.last { border-bottom: none; }

.cly-text-select .text-container { float:left; width:100%; }
.cly-text-select .slimScrollBar.ui-draggable { cursor:default; }

.read {}
	.read .country { float:left; margin-right:8px; }
	.read .timezone { float:left; }
	.read .logo { float:left; height:25px; width:25px; background-size:27px 27px; margin-top:1px; border-radius:4px; border:1px solid #555; background-position:center; }
.edit { display:none; }

#sidebar-new-app { display:none; }

.required { font-size:23px; color:#B94A48; vertical-align:top; display:none; padding-left:7px; margin-top: -2px; position: absolute; }
.red-text { font-size:12px; color:#B94A48; vertical-align:text-top; padding-left:5px; }
.green-text { font-size:12px; color:#50C354; vertical-align:text-top; padding-left:5px; }
.required-color { color:#B94A48 !important; }

#overlay { display:none; background-color:#000; opacity:0.2; width:100%; height:100%; position:fixed; z-index:10000; top:0; }
.dialog { display:none; position:fixed; max-width:400px; left:50%; top:50%; background-color:#FFF; border:1px solid #999; border-radius:2px; z-index:10001; }
	.dialog.events { max-width:1050px; }
	.dialog.red { border:1px solid #AD0303; }
	.dialog.green { border:1px solid green; }
	.dialog.black { border:1px solid #000; }
	.dialog .indicator { height:7px; margin-bottom:10px; border-top-left-radius:1px; border-top-right-radius:1px; }
	.events .indicator { margin-bottom:0; }
	.dialog.red .indicator { background-color:#D63E40; border-bottom:1px solid #AD0303; }
	.dialog.green .indicator { background-color:green; border-bottom:1px solid green; }
	.dialog.black .indicator { background-color:#666; border-bottom:1px solid #000; }
	.dialog .message { color:#333; font-size:14px; line-height:25px; padding:0 10px; }
	.dialog .buttons { margin-top:15px; overflow:auto; padding:10px; padding-top:0; }
	.dialog .buttons .icon-button { float:right; }
	.dialog input[type=text], .dialog input[type=password] { margin:0; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:3px; border:1px solid #DDD; }
	.dialog .result-message { float:left; margin-top:6px; font:italic 13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
	.dialog .result-message.red { color:#D63E40; }
	.dialog .result-message.green { color:#6BB96E; }
	.dialog .message .title { margin-bottom:8px; }
	.dialog .message .input input { width:280px; }
    .dialog .message a { text-decoration: underline; }
  .dialog.cly-loading .content { height: 5em; }

.loading-bars,
.loading-bars:before,
.loading-bars:after {
  background: #3FAA43;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loading-bars {
    position: relative;
    margin: 3em auto 0;
  position: relative;
  color: #3FAA43;
  text-indent: -9999em;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loading-bars:before,
.loading-bars:after {
  position: absolute;
  top: 0;
  content: '';
}
.loading-bars:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loading-bars:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

#new-install-overlay { display:none; z-index:2; position:absolute; width:100%; height:100%; background-color:#000; opacity:0.6; }
.alert { font-family:Ubuntu,Helvetica,sans-serif; line-height:111%; border-radius:4px; padding:8px 14px; }
	.alert.danger { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
	.alert.success { color:#468847; background-color:#DFF0D8; border:1px solid #D6E9C6; }

/* USER MANAGEMENT */
.manage-user { padding:10px; }
.manage-users-table {margin-top: -16px;}
.manage-users-table .dataTable-top {border-radius: 0;}
#user-table { border-bottom-left-radius:0; border-bottom-right-radius:0; }
#user-table td,
.user-details.create-user-row td { font-family: Ubuntu; }

#user-table .help-edit { font-size:11px; display:none; position:absolute; right:3px; top:2px; background-color: #F1F1F1; padding: 1px 1px 1px 15px; line-height: 130%; }
#user-table .help-close { font-size:11px; display:none; position:absolute; right:3px; top:2px; background-color: #FFF; padding: 1px 1px 1px 15px; line-height: 130%; }
#user-table tr td.details { padding:0; }
#user-table tr:hover .help-edit { display:block; }
#user-table tr.active:hover { background-color:#FFF; }
#user-table tr.active:hover .help-edit { display:none; }
#user-table tr.active:hover .help-close { display:block; }
.user-details { display:none; overflow:auto; padding-bottom: 45px;}
#user-table tr td>div { position:relative; }
.user-details.create-user-row { padding-bottom: 45px; box-shadow: inset 2px 0 0 -1px #DDD, inset -2px 0 0 -1px #DDD, inset 0 2px 0 -1px #DDD; position: relative; font-size: 12px; font-weight: normal; color: #6B6B6B; margin-bottom: -15px; }

.user-details { background-color:#f9f9f9; }
.user-details:hover { background-color:#f9f9f9; }
#listof-apps { width:200px; display:none; position:absolute; margin-top:12px; z-index:1000; padding:7px; background-color:#292929; border-radius:2px; }
    #listof-apps:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; left: 20px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
	#listof-apps .button-container { overflow:auto; margin-top:10px; margin-bottom: 5px; }
	#listof-apps .button-container .icon-button { float:right; font-size:11px; }
	#listof-apps .scrollable { min-height:36px; max-height:221px; overflow:auto; background-color:transparent; }
	#listof-apps .app { width:184px; border-bottom:1px solid #d4d4d4; padding:8px; overflow:auto; background-color:#efefef; cursor:pointer; color:#6b6b6b; margin:0 auto; }
	#listof-apps .app:last-child { border-bottom:none; }
	#listof-apps .app.disabled { display: none !important; }
	#listof-apps .app.selected { background-color:#dedede; }
	#listof-apps .app:hover { background-color: #e6e6e6; }
	#listof-apps .app .image { background-size:22px 22px; float:left; margin-right:10px; border-radius:4px; width:20px; height:20px; background-position:center; border:1px solid #a2a2a2; }
        #listof-apps .app.selected .image { box-shadow:0 0 0 1px #2EB52B; }
    #listof-apps .app .name { float:left; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; padding-top:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:90px; }
	#listof-apps #deselect-all.icon-button, #listof-apps .btn-deselect-all.icon-button { display:none; max-width: none; }
	#listof-apps #done { margin-left:5px; }
#listof-apps .search { background-color: #fbfbfb; position:relative; border-bottom: 1px solid #d4d4d4; }
#listof-apps .search i { position: absolute; top: 11px; right: 11px; color: #6b6b6b; font-size: 10px; }
#listof-apps .search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 146px; background-color: #fbfbfb; color: #6b6b6b; }

.user-details .button-container { overflow:auto; bottom:8px; right:16px; position:absolute; }
	.user-details .row { overflow:auto; border-top:1px solid #EEE; padding:10px; margin:0 1px; }
	.user-details .row:first-child { border-top:none; padding-top:15px; }
	.user-details .row .title { float:left; }
	.user-details .row .detail { margin-left:165px; }
	.user-details .button-container { padding-bottom:5px; }
	.user-details .button-container .icon-button { float:right; }
	.user-details .app-selection { margin-left:10px; border-radius:10px; background-color:#CCC; cursor:pointer; float:left; width:15px; height:15px; }
	.user-details .select-apps { margin-left:10px; cursor:pointer; float:left; font-size:17px; margin-top: -3px; color:#2EB52B; }
	.user-details .user-admin-list span, .user-details .no-apps { color:#CCC; font-size:12px; font-style:italic; }
.user-details .no-apps { margin-left:165px; display:none; }
.small-link { margin-top:10px; font-size:11px; cursor:pointer; color:#999; vertical-align:text-top; display:inline-block; }
.small-link:hover { text-decoration:underline; }
.password-row { display:none; }
.user-noapps { position:absolute; left:50%; top:50%; width:460px; margin-left:-118px; font:16px Ubuntu,Helvetica,sans-serif; line-height:23px; color:#555; height:50px; margin-top:-25px; }
.checkbox { cursor:pointer; width:16px; height:16px; float:left; margin-right:5px; background-image:url('../images/management/checkbox.png'); background-position:-16px; }
.checkbox.checked { background-position:0; }
/* USER MANAGEMENT END */

.icon-button.light.graph-segment.active { border-color:#333; box-shadow:inset 0 0 3px #222; background-color:#3E3E3E; background-image:linear-gradient(top, #292929 40%, #3E3E3E 100%); background-image:linear-gradient(to bottom, #292929 40%, #3E3E3E 100%); }
.icon-button.light.graph-segment.active:hover { opacity:1; }
.os-rows.active,
.os-rows.active:hover { background-color:#777 !important; }
.os-rows.active  td { color: #fff; }

/* EVENTS */
#event-nav  { overflow:hidden; z-index:3; width:180px; position:fixed; left:242px; top:79px; text-align:right; background-color:#efefef; max-height:580px; box-sizing:border-box; box-shadow: 0 0 0 1px #d0d0d0; }
    #event-nav .nav-search { border-bottom:none; border-top:1px solid #d0d0d0; }
    #event-nav .nav-search input { width:158px; }
#event-nav-head { background-color:#ececec; position:relative; height:27px; padding:15px 20px 15px 15px; color:#636363; font:18px Ubuntu,Helvetica,sans-serif; line-height:111%; text-align:left; }
#event-nav-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:85px; float:left; padding-top:4px; }
.event-container { position:relative; cursor:pointer; height:28px; padding:4px 12px; overflow:auto; border-top: 1px solid #D0D0D0; }
.event-container:hover { background-color: #dedede; }
.event-container.active { background-color: #dedede; }
	.event-container .name { width:151px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; padding-top:7px; color:#6b6b6b; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; }
#event-update-area { float:left; }
#edit-event-table-container  { width:950px; max-height:400px; overflow:auto; }
.events .buttons { margin-top:0; padding:13px; box-shadow:inset 0 1px 0 #ccc; border-bottom-left-radius:2px; border-bottom-right-radius:2px; }

table.events-table { width:100%; padding:0; margin:0; }
	.events-table  th { padding:5px 10px; height:17px; color:#666; font-weight:normal; font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; background-color:#E2E2E2; box-shadow:inset 0 1px 0 #F6F6F6; text-align:left; border-bottom:1px solid #CCC; border-right:none; border-left:1px solid #ccc; background-color:#E2E2E2; background-image:linear-gradient(top, #EAEAEA 30%, #E2E2E2 100%); background-image:linear-gradient(to bottom, #EAEAEA 30%, #E2E2E2 100%); }
	.events-table  th:first-child { border-left:none; }
	.events-table  thead tr { background-color:transparent; }
	.events-table  td { padding:5px 10px; padding-bottom:7px; margin:0; border-bottom:1px solid #DDD; border-top:1px solid #fff; border-left:1px solid #ccc; color:#6B6B6B; }
	.events-table  td:first-child { border-left:none; font-weight:normal; }
    	.events-table  td:nth-child(5) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:170px; max-width:170px; }
	.events-table  tr { border-bottom:1px solid #DDD; border-top:1px solid #fff; font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; background-color:#fff}
	.events-table  td:nth-child(5) input[type=text] { width:170px; }
	.events-table  tr input[type=text] { border:none; outline:none; width:130px; }
	.events-table  tr:nth-child(even) input[type=text] { background-color:#F9F9F9}
	.events-table  tr:first-child { border-top:none; }
	.events-table  tr:last-child { border-bottom:none; }
	.events-table  tr:nth-child(even){ background-color:#F9F9F9}
	.events-table  tr:last-child td { border-bottom:none; }
	.events-table .table-no-data { text-align:center; font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; padding:20px; color:#CCC; }
	.events-table .table-no-data:hover { background-color:#FFF; }

    .events-table tr.moving { border-bottom:1px solid #CCC; border-top:1px solid #CCC; }
    .events-table tr.moving td { border-bottom:none; border-top:none; }

.event-row-placeholder { height:37px; }
.event-order { color:#BBB; cursor:move; }

#edit-events-button { padding: 4px 1px; }
#edit-events-button i { font-size: 23px; margin: 0; line-height: 16px; }

.delete-event, .delete-event-selected { color:#D67678; cursor:pointer; font-size:16px;}
.delete-event:hover, .delete-event-selected:hover { color:#D63E40; }

/* EVENTS END */

#help-toggle { float:right; background-image:url('../images/dashboard/on-off.png'); width:34px; height:18px; background-position:-51px; margin-top:7px; margin-right:16px; cursor:pointer; }
#help-toggle.active { background-position:0; }
.percent-bar { height:11px; float:left; background-color:#AEE8B0; margin-right:4px; margin-top:1px; }

/* EXPORT */
#export-checkbox-container { padding:10px; padding-bottom:2px; overflow:auto; }
.export-checkbox { width:14%; float:left; margin-bottom:8px; font:16px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#444; }
.export-description { font:15px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#999; padding:10px; padding-bottom:5px; }
.stretch {}
#export-button { border: 1px solid #ccc; background-color: #f5f5f5; padding: 4px 10px; cursor: pointer; font-size: 11px; border-radius: 2px; }
.export-dialog {padding: 15px; width: 270px; overflow: auto;}
.export-dialog .cly-select {width: 100%; margin:0px auto; box-sizing:border-box; margin-bottom: 10px; height:30px;}
.export-dialog .cly-select .select-items {width: 101%;}
.export-dialog p {margin:0px; font:14px Ubuntu,Helvetica,sans-serif; font-weight: bold; line-height:111%; margin-bottom: 10px;}
.export-dialog p.details {margin:0px; font:11px Ubuntu,Helvetica,sans-serif; color:#B7B6B6; margin-bottom: 10px;}
.export-dialog .export-data {width: 100%; margin:0px auto; padding-left:0px; padding-right:0px; text-align: center; height:30px;}
#export-type-selector {width: 100%; float: none; margin:0px auto;  margin-bottom: 10px; height:30px;}
#export-type-selector .button {width: 33%; text-align: center;}
/* EXPORT END */

.cly-button-group .icon-button { border-radius:0; margin:0; border-left:none; }
    .cly-button-group .icon-button:first-child, .cly-button-group .icon-button.first { border-radius:4px 0 0 4px; border-left: 1px solid #A5A5A5}
    .cly-button-group .icon-button.dark:first-child, .cly-button-group .icon-button.dark.first { border-left-color:#1B1B1B; }
    .cly-button-group .icon-button:last-child, .cly-button-group .icon-button.last { border-radius:0 4px 4px 0; }

.button-selector { font:13px Ubuntu,Helvetica,sans-serif; line-height:111%; color:#6B6B6B; padding:0;overflow:auto; user-select:none; }
.button-selector .button { cursor:pointer; user-select:none; background-color:#ececec; float:left; padding:7px; padding-top:6px; border:1px solid #D0D0D0; margin-left:-1px; }
.button-selector .button:nth-child(1),
.button-selector .button.first { margin-left:0; border-left:1px solid #D0D0D0; border-top-left-radius:2px; border-bottom-left-radius:2px; }
.button-selector .button:last-child,
.button-selector .button.last { border-top-right-radius:2px; border-bottom-right-radius:2px; border-right:1px solid #D0D0D0; }
.button-selector .button:hover { background-color:#F9F9F9; }
.button-selector .button:active  { background-color:#F9F9F9; }
.button-selector .button.active { background-color:#F9F9F9; }
.button-selector .button.disabled { opacity:0.3; cursor:default; }
.button-selector .button.icon { padding:5px; line-height: 12px; width: 18px; text-align: center; }
.button-selector .button.icon i.material-icons { font-size: 16px; }
.button-selector .button.icon span.ion-icons { font-size: 17px; }
.button-selector .button.icon i.fa { font-size: 18px; line-height: 14px; padding-bottom: 3px; }
.button-selector.light .button { cursor:pointer; user-select:none; background-color:#fbfbfb; float:left; padding:7px; padding-top:6px; border:1px solid #D0D0D0; margin-left:-1px; }
.button-selector.light .button:nth-child(1),
.button-selector.light .button.first { margin-left:0; border-top-left-radius:2px; border-bottom-left-radius:2px; }
.button-selector.light .button:last-child,
.button-selector.light .button.last { border-top-right-radius:2px; border-bottom-right-radius:2px; }
.button-selector.light .button:hover { background-color:#FFF; }
.button-selector.light .button:active  { background-color:#FFF; }
.button-selector.light .button.active { background-color:#FFF; border:1px solid #2EB52B; position: relative; z-index:10;}
.button-selector.light .button.disabled { opacity:0.3; cursor:default; }

.cly-button-menu-trigger.active { opacity: 0.8; }
.cly-button-menu-trigger.active + .cly-button-menu { opacity: 1; transition: opacity 0.2s; z-index: 2; }
.cly-button-menu { padding:10px 0; opacity: 0; transition: opacity 0.3s, z-index 3s; z-index: -1; position: absolute; background-color: #FFF; right:0; top:37px; border-radius: 2px; outline:none;}
.cly-button-menu .item { cursor:pointer; padding: 8px 20px; font-size: 13px; white-space: nowrap; color:#474747; }
.cly-button-menu .item:hover { background-color: #f3f3f3; }
.cly-button-menu:before { border: 4px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; right: 7px; top:-8px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.cly-button-menu.dark { background-color: #202020; color:#FFF; }
.cly-button-menu.dark .item { color:#FFF; }
.cly-button-menu.dark .item:hover { background-color: #171717; }
.cly-button-menu.dark:before { border-bottom-color: #202020; }

/* GRAPH NOTES */
.widget-footer:hover #graph-note { opacity:0.7; transition:opacity .5s; }
#graph-note { transition:opacity .5s; cursor:pointer; background-color: #E66; position: absolute; left: -1px; top: 103px; z-index: 2; font-size: 11px; padding: 6px 0; color: #FFF; font-family: Ubuntu; height: 14px; opacity:0; }
#graph-note:hover { opacity: 1 !important; transition:opacity .5s; }
#graph-note .main { position:relative; width:45px; line-height:14px; text-align: center; }
#graph-note .tail { width: 0; height: 0; border-top: 13px solid #E66; border-bottom: 13px solid #E66; border-right: 8px solid rgba(0, 0, 0, 0); position: absolute; left: 45px; top: -6px; }

.graph-key-event-label,
.graph-note-label { z-index:2; font-family:Oswald; cursor:pointer; width:14px; height:14px; line-height: 14px; text-align:center; background-color:#E66; color:#FFF; font-size:8px; border-radius:40px; font-weight:normal; opacity:0.8; }

#graph-note-popup { display:none; }
#graph-note-popup .title { float:left; width:100px; }
#graph-note-popup .input { margin-left:105px; }

.time-picker span { display: block; padding:5px 10px 5px 5px; text-align: center; cursor:pointer; color:#777; }
.time-picker span:hover { font-size: 16px; }
.time-picker span.selected { font-weight: 500; font-size: 17px; }

#graph-tooltip { pointer-events:none; padding:4px 7px; overflow:auto; border:1px solid #3C3C3C; border-radius:2px; background-color:rgba(60, 63, 64, 0.86); color:#FFF; font-size:11px; display:none; position:absolute; z-index:100; }
    #graph-tooltip.v2 { padding:0; }
#graph-tooltip>span { display: block; padding:4px 7px; text-align: center; }
#graph-tooltip .content { padding:8px 10px; font-size:12px; }
#graph-tooltip .label-value { text-align: center; }
#graph-tooltip .separator { margin:5px 0; border-top:1px solid #222; border-bottom:1px solid #666; height:0; opacity:0.6; }
#graph-tooltip .note-line { padding:2px 10px; margin-bottom:5px; text-align:left; font-size:11px; color:#BBB; max-width: 200px; }
#graph-tooltip .note-line:first-child { border-top:1px solid #3C3C3C; }
#graph-tooltip .note-line:last-child {  }
#graph-tooltip-title { color:#CCC; border-bottom:1px solid #3C3C3C; font-size:10px; }

#graph-tooltip.white { background-color: #FFF; border:1px solid #D0D0D0; color:#333; }
    #graph-tooltip.white .title { text-align: center; padding:0px 5px 5px 5px; color:#636363; font-size:12px; }
    #graph-tooltip.white .separator { border-top-color:#D0D0D0; border-bottom: none; opacity: 1; }

#graph-tooltip .inner { overflow:auto; margin:6px 0; padding:0 1px; overflow: hidden; color:#636363; font-size:12px; text-transform:uppercase; }
#graph-tooltip .inner .color { float:left; width:12px; height:12px; margin-right:10px; }
#graph-tooltip .inner .series { color:#636363; text-transform:uppercase; float:left; line-height:12px; font-size:12px; margin-right:20px; }
#graph-tooltip .inner .value { color:#636363; float:right; line-height:12px; font-size:12px; }

.note-list .note { border-bottom:1px solid #EEE; width:100%; padding:7px 0; position:relative; }
.note-list .note .date { color:#999; font-size:11px; }
.note-list .note .content { margin-top:3px; max-width:220px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.note-list .note .delete-note { display:none; position:absolute; right:0; width:20px; height:20px; top:23px; }
.note-list .note .delete-note i { color:#D67678; cursor:pointer; }
.note-list .note .delete-note i:hover { color:#D63E40; }
.note-list .note:hover .delete-note { display:block;  }

.note-create .text-count-wrapper { margin-top:1px; font-size:11px; text-align: right; height:16px; color:#BBB; display: block; }
/* GRAPH NOTES END */

/* MISC */
#edit-account-details { display:none; }
	#edit-account-details .title { float:left; width:100px; }
	#edit-account-details .input { margin-left:105px; }
.tickLabel { color:#999; }
    .xAxis .tickLabel { font-family:Oswald; overflow: hidden; text-overflow: ellipsis; max-width: 100px; max-height: 60px; white-space: pre-wrap; }
    .yAxis .tickLabel { font-family:Oswald; text-align: right !important; font-size:11px; color:#CCC; z-index:-1; }

#no-app-warning { display:none; margin-left:187px; }
#first-app-success { display:none; margin-left:187px; margin-top:-5px; }
#add-app-button  .text { overflow:hidden; text-overflow:clip; white-space:nowrap; max-width:60px; }
#listof-apps .icon-button { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:47px; }

.item .beta-button { opacity:0; transition:opacity 0.2s; background-color:#222; background-image:linear-gradient(top, #222 10%, #111 100%); background-image:linear-gradient(to bottom, #222 10%, #111 100%); border:1px solid #000; color:#CCC; box-shadow:inset 0 1px 0 #333; float:right; margin-top:7px; margin-right:7px; font-size:9px; border-radius:10px; padding:3px 5px; }
.item.active .beta-button { opacity:0.8; transition:opacity 0.2s; background-color:#D63E40; background-image:linear-gradient(top, #E95C6C 10%, #D63E40 100%); background-image:linear-gradient(to bottom, #E95C6C 10%, #D63E40 100%); border:1px solid #AD0303; color:#FFF; box-shadow:inset 0 1px 0 #F196A0; }
.item.active .beta-button:hover { opacity:0.9; }

#total-user-estimate-ind { vertical-align:text-top; font-size:13px; margin-left:-5px; }
#total-user-estimate-ind:hover { color:#6BB96E; }

.rotated-tick { margin-top:-16px; font:normal 17px Oswald; }

.messenger-message-inner { line-height: 17px; }
.messenger-message-inner a { text-decoration: underline; }
.owner-indicator {font-size:16px; margin-left:9px; padding-top:11px; float:left; display:none; }
.resource-link {cursor:pointer;}

.popup-link { float:left; font-family:Ubuntu; font-size:13px; color:#999; padding-top:7px; cursor:pointer; }
.popup-link:hover { text-decoration: underline; }

.required-border { border-color:#B94A48 !important; }

.options {display: none; background-color:#292929; position: absolute; top:50px; right: 62px; list-style: none; margin:0; padding:10px 0; border-radius:2px; }
.options:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #292929; right: 33px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.options li { font:12px Ubuntu,Helvetica,sans-serif; color: #9c9c9c; padding: 2px 20px; cursor:pointer; border-bottom: 1px solid #313131; }
.options li:hover{ background-color: #000; }
.options li span { line-height:23px; }

/* ALL APPS */
.allapps .dataTable-top {border-radius: 0;}
.allapps .logo{width: 20px; height: 20px; background-size: 20px 20px; float: left; margin-right: 10px; margin-top: -2px; background-position: center; border-radius: 4px; border: 1px solid #555;}
.allapps .trend { width:12px; height:9px; display: inline-block; margin-top: 5px; margin-right: 5px;}
.allapps tbody tr {cursor: pointer;}
.allappview .widget-content .big-numbers .inner{height: 30px;}
.allappview .widget-footer{border-radius: 0;}
.allappview #empty-graph { position: absolute; text-align: center; font-size: 15px; width:100%; top:50%; margin-top: -20px; display: none; height: 20px; line-height: 20px; text-shadow: none; color: #B3B3B3; }
.allapps div.color{ width: 10px; height: 10px; float: left; margin: 1px 10px 0 0; }
.allapps .material-icons { font-size: 16px; vertical-align: middle; margin-right: 10px; line-height: 6px; height: 8px; }
.allapps .material-icons.up { color:#6BB96E; }
.allapps .material-icons.down { color:#C94C4C; }

/* Styles for horizontal d3 bar charts */
.hsb-container { margin:20px 30px; position:relative; }
.hsb-container.top { margin-bottom:30px; }
.hsb-container .label { text-align:left; font-size: 12px; margin-bottom: 3px; color:#777; }
.hsb-container text { fill: #FFF; font: 10px sans-serif; text-anchor: initial; }
.hsb-tip { background-color: transparent; text-align: center; padding:9px 0; color:transparent; font-size:11px; cursor: default; overflow: hidden; }
.hsb-tip:hover { color:#FFF; }
.hsb-container foreignobject:hover + text { display: none; }
.hsb-container .no-data { color:#C5C5C5; text-align: center; font-size: 11px; padding:9px 0; user-select:none; cursor: default; }

/* Styles tabs */
.ui-tabs .ui-tabs-nav li { width:50%; margin:0; padding:0; background-color: #f8f8f8; border-radius:0; }
.ui-tabs .ui-tabs-nav li a { display: block; float:none; padding:12px 0 15px 0; font-size:13px; font-family: Ubuntu; text-transform: uppercase; color:#636363; }
.ui-tabs.ui-widget-content .ui-state-default { border:none; background-image: none; padding:0; border-top: 3px solid #f8f8f8; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: white; border-top: 3px solid #19cc63; border-bottom:1px solid #FFF !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor:default; }
.ui-tabs .ui-tabs-nav { height: auto; background-image: none; background-color: transparent; border: none; padding: 0; margin: 0; border-radius: 0; margin-top:-1px; }
.ui-tabs { border-radius:0; border:none; }
.ui-tabs .ui-tabs-nav li { border-bottom:1px solid #eaeaea !important; }

.back-link,
.back-link:visited { cursor:pointer; margin-bottom: 16px; color:#616161; font-size:12px; display: inline-block; text-transform: uppercase; }
.back-link:before { content: "←"; margin-right: 5px; color:#616161; }
.back-link:hover span { text-decoration: underline; }

/* Styles for nested tables */
td.details,
td.details:hover { position:relative; border-bottom:1px solid #d0d0d0; padding:15px; background-color:#FFF; cursor:default; }
td.details:hover,
td.details tr:hover { }
td.details table { border-spacing: 0; border: 1px solid #e8e8e8; width:100%; }
td.details table tr,
td.details table tr:hover { background-color:#FFF !important; cursor:default; line-height:20px; }
td.details table tr:first-child,
td.details table tr:first-child:hover { background-color:#F3F3F3 !important; line-height:12px; }
td.details table tr:first-child td,
td.details table tr:first-child th { border:none; font-family:Ubuntu; font-size:11px; text-transform:uppercase; cursor:default; }
td.details table td { padding:5px 10px; border-top: 1px solid #e8e8e8; }
td.details:before { border: 8px solid rgba(194, 225, 245, 0); border-top-color: #FFE4C9; left: 20px; top: 0px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.graph-description { background-color: #f9f9f9; padding: 10px 14px; color: #868686; font-size: 13px; border: 1px solid #d0d0d0; border-bottom-color: #e9e9e9; overflow:auto; }
.graph-description + .widget-content { border-top:none; }

.nav-search { background-color: #fbfbfb; position:relative; border-bottom: 1px solid #d0d0d0; }
.nav-search i { position: absolute; top: 11px; right: 13px; color: #d2d2d2; font-size: 10px; }
.nav-search input { outline: none; font-size: 13px; border: none; padding: 8px 10px; margin-right: 1px; width: 158px; background-color: #fbfbfb; color: #6b6b6b; }

.table-link { color:#2FA732; text-decoration: underline; cursor: pointer; text-transform: lowercase; }
.table-link.green { color:#2FA732; }
.table-link.red { color:#D63E40; }

.check-green { color:#9e9e9e; font-size:16px;}
.check-green:hover { color:inherit; }
.check-green.fa-square-o { color:#9e9e9e; }
.check-green.fa-check-square { color:#2FA732; }

.grouped-numbers .inner { padding:0; margin-left:8px; margin-right:8px; }
.grouped-numbers .item:first-child .inner { margin-right:8px; margin-left:0; }
.grouped-numbers .item:last-child .inner { margin-right:0; margin-left:8px; }
.grouped-numbers table td { padding:5px 10px; text-align: center; color:#666; }
.grouped-numbers table tr:first-child td { background-color: #ECECEC; border-bottom:1px solid #D0D0D0; color:#9c9c9c; padding:6px 10px; padding-bottom: 3px; }
.grouped-numbers table tr:nth-child(2) td { font-size: 25px; }
.grouped-numbers table tr:nth-child(3) td { border-top: 1px solid #eaeaea; width: 50%; }
.grouped-numbers div:first-child {border-left: none;}
.grouped-numbers table {width: 100%; border-spacing: 1px; border-collapse: separate;}
.grouped-numbers table td span { font-size: 14px; display: block; color:#b1b1b1; }
.grouped-numbers table td { font-size: 18px;}
.grouped-numbers table td.range-main { text-transform: uppercase; }
.grouped-numbers table td.range-main i { font-size: 22px; }
.grouped-numbers table td.range-main span { display: inline-block; padding-top: 0; vertical-align: text-top; margin-left: 3px; font-size: 15px; color: #848484; }

#clear-app-data .up,
#clear-app-data .down { display: inline-block; margin-left: 7px; opacity: 0.8; font-size: 10px; line-height: 12px; }
#clear-app-data .up { display: none; }
#clear-app-data.active .up { display: inline-block; }
#clear-app-data.active .down { display: none; }

.status-color {white-space:nowrap;}
.status-color i{margin-right: 5px;
    font-size: 8px;
    line-height: 12px;
    vertical-align: top;}
/* Syntax highlighting - Highlight.js GoogleCode theme */
.hljs{display:block;overflow-x:auto;background:#fff;color:#000}
.hljs-comment,.hljs-quote{color:#800}
.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title,.hljs-name{color:#008}
.hljs-variable,.hljs-template-variable{color:#660}
.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-regexp{color:#080}
.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-number,.hljs-link{color:#066}
.hljs-title,.hljs-doctag,.hljs-type,.hljs-attr,.hljs-built_in,.hljs-builtin-name,.hljs-params{color:#606}
.hljs-attribute,.hljs-subst{color:#000}
.hljs-formula{background-color:#eee;font-style:italic}
.hljs-selector-id,.hljs-selector-class{color:#9B703F}
.hljs-addition{background-color:#baeeba}
.hljs-deletion{background-color:#ffc8bd}
.hljs-doctag,.hljs-strong{font-weight:bold}
.hljs-emphasis{font-style:italic}
/* End of syntax highlighting - Highlight.js GoogleCode theme */

/* Custom on-off switch based on input checkbox */
.on-off-switch {
    position: relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}
.on-off-switch.disabled {
    opacity: 0.6;
}
.on-off-switch.disabled .on-off-switch-label {
    cursor: default;
}
.on-off-switch-checkbox {
    display: none;
}
.on-off-switch-label {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    height: 26px;
    padding: 0;
    line-height: 26px;
    border-radius: 24px;
    background-color: #d0d0d0;
    transition: background-color 0.3s ease-in;
    width: 45px;
    vertical-align: bottom;
}
.on-off-switch-label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 3px 0 0 0;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    border-radius: 24px;
    transition: all 0.3s ease-in 0s;
    box-shadow: 0 1px 1px 0 #8e8e8e;
}
.on-off-switch-checkbox:checked + .on-off-switch-label { background-color: #2EB52B; }
.on-off-switch-checkbox:checked + .on-off-switch-label,
.on-off-switch-checkbox:checked + .on-off-switch-label:before { }
.on-off-switch-checkbox:checked + .on-off-switch-label:before { left: 23px; box-shadow: 0 1px 1px 0 #157313; }
.on-off-switch .text { display: inline-block; opacity:1; font-size: 12px; color: #d0d0d0; vertical-align: top; margin-top: 8px; margin-left: 8px; }
.on-off-switch input:checked + label + .text { opacity:0; }
/* End of custom on-off switch based on input checkbox */

.cly-grid-1 { width: 100%; }
.cly-grid-2 { width: 50%; }
.cly-grid-3 { width: 33%; }
.cly-grid-3:nth-child(2) { width: 34%; }
.cly-grid-4 { width: 25%; }
.cly-grid-5 { width: 20%; }
.cly-grid-6 { width: 17%; }
.cly-grid-6:first-child { width: 16%; }
.cly-grid-6:last-child { width: 16%; }
.cly-grid-7 { width: 14%; }
.cly-grid-7:first-child { width: 15%; }
.cly-grid-7:last-child { width: 15%; }
.cly-grid-8 { width: 12.5%; }

#top-bar { min-height: 59px; min-width:1024px; background-color: #FFF; user-select: none; position: fixed; width:100%; z-index: 9999; box-shadow: inset 0 -1px 0 0 #E7E7E7; }
#top-bar .logo-container { padding: 12px 19px; float:left; }
#top-bar .logo { background-image: url("/images/dashboard/countly_logo.svg"); width: 185px; height: 32px; margin-top:1px; background-position: center; background-repeat: no-repeat; background-size: contain; }

#top-bar .right-menu { float:left; font-size: 18px; margin-right: 15px; }
#top-bar .right-menu { float:right; font-size: 18px; margin-right: 15px; }

#top-bar .dropdown { display: none; width: 25px; text-align: center; position: relative; cursor: pointer; float:left; padding: 21px 10px; }
#top-bar .dropdown.bordered { border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; }
#top-bar .dropdown.large { width: 180px; padding: 21px 25px; }
#top-bar .dropdown.active { box-shadow: inset 0 1px 0 0 #2fa732; }
#top-bar .dropdown.active .selected { display: block; }
#top-bar .dropdown.active .empty-state { display: none; }
#top-bar .dropdown.active.no-selection .selected { display: none; }
#top-bar .dropdown.active.no-selection .empty-state { display: block; }
#top-bar .dropdown .selected,
#top-bar .dropdown .empty-state { font-size: 14px; color:#474747; }
#top-bar .dropdown.icon .selected,
#top-bar .dropdown.icon .empty-state { color:#7d7d7d; }
#top-bar .dropdown.icon:hover .selected,
#top-bar .dropdown.icon:hover .empty-state { color:#616161; }
#top-bar .dropdown.icon.clicked .selected,
#top-bar .dropdown.icon.clicked .empty-state,
#top-bar .dropdown.icon.force-clicked .selected,
#top-bar .dropdown.icon.force-clicked .empty-state { color:#2fa732; }
#top-bar .dropdown .selected { display: none; }
#top-bar .dropdown .empty-state { display: block; }
#top-bar .dropdown .selected i,
#top-bar .dropdown .empty-state i { font-size: 18px; line-height: 18px; vertical-align: top; margin-top: -1px; display: inline-block; }
#top-bar .dropdown.large .selected:after,
#top-bar .dropdown.large .empty-state:after { font-family: 'Ionicons';  content: "\f3d0"; margin-left: 10px; font-size: 10px; line-height: 16px; vertical-align: top; }
#top-bar .dropdown.large.clicked .selected:after,
#top-bar .dropdown.large.clicked .empty-state:after,
#top-bar .dropdown.large.force-clicked .selected:after,
#top-bar .dropdown.large.force-clicked .empty-state:after { content: "\f3d8"; color:#2fa732; }
#top-bar .dropdown .menu { box-shadow: 0 3px 7px rgba(0,0,0,.08); border: 1px solid #d0d0d0; color:#474747; opacity: 0; cursor:default; position: absolute; top:67px; left: 50%; width: 210px; margin-left:-105px; background-color: #FFF; border-radius: 2px; visibility: hidden; }
#top-bar .dropdown.clicked .menu,
#top-bar .dropdown.force-clicked .menu { opacity: 1; transition:opacity 0.3s, visibility 0.3s; visibility: visible; }
#top-bar .dropdown .menu:before { border: 6px solid rgba(194, 225, 245, 0); border-bottom-color: #FFF; left: 50%; margin-left: -6px; top: -12px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; }
#top-bar .dropdown .menu:after { border: 7px solid rgba(194, 225, 245, 0); border-bottom-color: #D0D0D0; left: 50%; margin-left: -7px; top: -15px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 1; }
#top-bar .dropdown .menu .action { cursor: pointer; padding: 10px; padding-bottom: 13px; border-bottom: 1px solid #d0d0d0; font-size: 13px; text-align: center; }
#top-bar .dropdown .menu .action:hover { background-color: #f3f3f3;  }
#top-bar .dropdown .menu .action .icon { color:#2fa732; margin-right: 5px; font-size: 19px; display: inline-block; vertical-align: bottom; margin-bottom: -6px; }
#top-bar .dropdown .menu .search { position: relative; }
#top-bar .dropdown .menu .search:after { font-family: 'FontAwesome';  content: "\f002"; position: absolute; top: 11px; font-size: 11px; color: #cacaca; right: 10px; }
#top-bar .dropdown .menu .search input { width: 100%; box-sizing: border-box; position: relative; padding-right: 32px; margin: 0; }
#top-bar .dropdown .menu .list { max-height: 300px; overflow: auto; }
#top-bar .dropdown .menu .list .item { display: block; cursor: pointer; border-bottom: 1px solid #d0d0d0; text-align: left; padding:10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#top-bar .dropdown .menu .list .item:last-child { border-bottom: none; }
#top-bar .dropdown .menu .list .item:hover { background-color: #f3f3f3; }
#top-bar .dropdown .menu .list .item .icon { margin-right: 5px; color: #8e8e8e; width: 15px; display: inline-block; text-align: center; font-size: 15px; line-height: 15px; vertical-align: top; }
#top-bar .dropdown .menu.dark { background-color:#202020; color:#FFF; }
#top-bar .dropdown .menu.dark .list .item { border-bottom: 1px solid #2A2A2A; }
#top-bar .dropdown .menu.dark .list .item:hover { background-color:#171717; }
#top-bar .dropdown .menu.dark:before { border-bottom-color:#202020; }
#top-bar .dropdown .menu.dark .nav-search input { background-color: #171717; color:#FFF; }
#top-bar .dropdown .menu.dark .search:after { color:#525252; }
#top-bar .dropdown .menu.dark .nav-search { box-shadow:inset -1px 0 0 0 #000; border-bottom-color:#2A2A2A; }
#top-bar .dropdown .menu.dark .create { border-bottom-color:#2A2A2A; }
#top-bar .dropdown .menu.dark .create:hover { background-color:#171717; }
#top-bar .dropdown .menu.right { right:0; transform: none; left: auto; }
#top-bar .dropdown .menu.right:before { left:auto; right: 15px; }
#top-bar .dropdown .menu.right:after { left:auto; right:14px; }
#top-bar .dropdown.large .menu.right:before { right:115px; }
#top-bar .dropdown .item_info { color: #969696; display: block; cursor: pointer; border-bottom: 1px solid #d0d0d0; text-align: left; padding:10px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default;}
#top-bar .dropdown .sub_info { font-weight: normal; color: #808080;}
#top-bar .dropdown .item_info .user_name div:first-child { color: #676464;font-weight: 500;font-size:14px;}
#top-bar .dropdown .item_info .user_name div:last-child { font-size: 12px;}
#top-bar .dropdown .item_info .api_key { margin-top: 10px;}
#top-bar .dropdown .item_info .api_key div:first-child { color: #676464; font-size: 11px; text-transform: uppercase;font-weight: 500;}
#top-bar .dropdown .item_info .api_key div:last-child { font-size: 10px; text-transform: none; user-select: all}
#top-bar .dropdown .item_info .api_key div:last-child::selection { background-color: #2FA732; color: #ffffff}

#app-navigation.dropdown.large { padding:21px 25px 19px 25px; }
#app-navigation #active-app-name { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display: inline-block; max-width: 125px; }
#app-navigation #active-app-icon { vertical-align:top; display:inline-block; width:20px; height:20px; background-size:22px 22px; margin-right:10px; margin-top:-3px; background-position:center; border-radius:4px; border:1px solid #555; }
#app-navigation .list .item .app-icon { width: 20px; height: 20px; background-position:center; background-size:22px 22px;  border-radius:4px; display: inline-block; margin-right:10px; vertical-align: top; margin-top: 1px; }
#app-navigation .list .item .name { display: inline-block; vertical-align: top; margin-top:4px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 155px; }
#app-navigation .empty-state { padding:1px 0; }

#version-info { position: absolute; bottom: 0; font-size: 11px; color: #747474; width: 100%; padding: 15px 0; box-sizing: border-box; text-align: center; background-color: #252525; z-index: 1; }

#notification-icon { position: relative; }
#notification-icon.unread:after { content: " "; width: 4px; height: 4px; position: absolute; top: 0; right: 0; border-radius: 4px; background-color: #FF8700; }

#main-views-container .main-view {  }
#main-views-container .main-view.active { display: block; }
#sidebar,
#main-views-container #analytics-main-view.active #sidebar.hidden { transform:translate(-230px); opacity:0.8; transition: opacity 0.1s 0.2s, transform 0.55s; }
#main-views-container #analytics-main-view.active #sidebar { transform:translate(0); opacity:1; transition: opacity 0.1s 0.2s, transform 0.55s; }